FlowType.JS के साथ उचित अनुकूली टाइपोग्राफी

टाइपोग्राफी के नियमों के अनुसार, यदि पंक्ति में 45 से 75 अक्षर हैं तो पृष्ठ की सामग्री अच्छी तरह से पढ़ी जाती है। उत्तरदायी डिज़ाइन विकसित करते समय, केवल मीडिया क्वेरी की सहायता से इसे लागू करना मुश्किल है। JQuery फ़्लो टाइप प्लगइन दिखाई दिया है , जो किसी भी स्क्रीन आकार और विंडो की चौड़ाई के लिए इस अनुपात को प्राप्त करने में मदद करता है।

फ़्लो टाइप , सामग्री ब्लॉक की चौड़ाई को फ़िट करने के लिए फ़ॉन्ट आकार और लाइन रिक्ति को बदलता है। इसके अलावा, आप प्लग-इन पैरामीटर निर्दिष्ट कर सकते हैं, उदाहरण के लिए, अधिकतम और न्यूनतम विंडो चौड़ाई जिस पर फ़्लो टाइप काम करेगा।

$('body').flowtype({ minimum : 500, maximum : 1200 }); 

और पृष्ठ पर फ़ॉन्ट आकार सीमा भी:

 $('body').flowtype({ minFont : 12, maxFont : 40 }); 

इस तथ्य के कारण कि सभी फ़ॉन्ट अलग-अलग हैं, कभी-कभी यह एक निश्चित गुणांक निर्धारित करने के लिए सलाह दी जाती है जो बेहतर पठनीयता के लिए पृष्ठ पर फ़ॉन्ट और पंक्ति रिक्ति को स्केल करेगा:

 $('body').flowtype({ fontRatio : 30, lineRatio : 1.45 }); 

FlowType एक ओपन सोर्स प्रोजेक्ट ( GitHub पर पेज ) है, जिसे MIT लाइसेंस के तहत वितरित किया गया है । प्रदर्शन जहां सभी सामग्री प्लगइन द्वारा मापी जाती है।