15 ऑनलाइन टाइपोग्राफी उपकरण सभी डिजाइनरों को पता होना चाहिए

टाइपोग्राफी किसी भी डिजाइन की नींव है, क्योंकि पढ़ना वेब पर हमारे द्वारा की जाने वाली सबसे बुनियादी चीजों में से एक है। आपके द्वारा चुनी गई टाइपोग्राफी में वेबसाइट सहित कई पहलुओं पर प्रभाव पड़ता है पठनीयता, मनोदशा, और समग्र उपयोगकर्ता अनुभव. यह डिजाइनरों और डेवलपर्स के लिए आवश्यक है टाइपोग्राफी के मूल सिद्धांतों को जानते हैं सेवा मेरे पठनीय मनभावन डिजाइन बनाएं.

हम पहले फॉन्ट पेयरिंग टूल्स के बारे में बात कर रहे हैं, और आज हम आपके साथ टाइप टूल्स साझा करने जा रहे हैं, जो आप उन वेबसाइटों में बेहतर पठन अनुभव प्राप्त कर सकते हैं जिन्हें आप और / या डिज़ाइन करते हैं।.

यहां प्लगइन्स, ऑनलाइन टूल और स्क्रिप्ट हैं जो आपकी मदद करेंगे ज़बरदस्त सुर्खियाँ बनाएँ तथा साफ पठनीय पाठ.

प्लेट टाइप करें

यह आपके लिए डिज़ाइन विकल्प नहीं बनाएगा, लेकिन सामान्य टाइपोग्राफिक टेम्पलेट्स के लिए स्टाइल के साथ सही मार्कअप को परिभाषित करेगा। यह आपको टेक्स्ट कॉपी को सही तरीके से स्टाइल करने के टिप्स भी दे सकता है.

चेक आउट: डेमो | प्रलेखन

गुटेनबर्ग

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

चेक आउट: डेमो | प्रलेखन

Lettering.js

Lettering.js एक jQuery प्लगइन है, जो आपको कर्लिंग प्रकार पर नियंत्रण देता है। यह आपको आसानी से और कोड प्रबंधित करने के साथ संपादकीय डिज़ाइन प्राप्त करने की अनुमति देता है। वेबसाइट में प्रेरणा के लिए इस प्लगइन के साथ टाइपोग्राफी के अद्भुत उदाहरण हैं.

चेक आउट: डेमो | प्रलेखन

Typebase.css

Typebase.css एक अनुकूलन योग्य टाइपोग्राफी स्टाइलशीट है। इसमें सास और कम संस्करण दोनों हैं और इसे आसानी से आधुनिक वेब परियोजनाओं में संशोधित किया गया है.

चेक आउट: डेमो | प्रलेखन

FitText

FitText एक प्लगइन है जो आपकी वेबसाइट को फ़ॉन्ट-आकारों को लचीला बना देगा। यह विभिन्न स्क्रीन प्रस्तावों के लिए स्केलेबल सुर्खियाँ प्राप्त करने में आपकी सहायता करेगा; दूसरे शब्दों में, अपनी टाइपोग्राफी को उत्तरदायी बनाएं। यह केवल विशाल पाठ प्रदर्शित करने के लिए बनाया गया है.

चेक आउट: डेमो | प्रलेखन

Kerning.js

Kerning.js आपको सीएसएस के साथ अपनी टाइपोग्राफी को स्वचालित रूप से बदलने, स्केल करने और संशोधित करने में मदद करता है। Kerning.js के साथ आरंभ करना आसान है.

चेक आउट: डेमो | प्रलेखन

Typesettings.css

Typesettings.css न्यूनतर वेब प्रोजेक्ट या ब्लॉग बनाने के लिए आपका खेल का मैदान है। यहां उपयोग की जाने वाली सभी टाइपोग्राफी शैली ग्राफिक डिजाइन की मूल बातें से प्रेरित हैं.

चेक आउट: डेमो | प्रलेखन

रूकसाक

रूकसाक के साथ आप फ़ॉन्ट आकार पर एक नई, उत्तरदायी संपत्ति के लिए अद्भुत तरल टाइपोग्राफी धन्यवाद का उत्पादन कर सकते हैं। उत्तरदायी टाइपोग्राफी बनाना असाधारण रूप से आसान बनाया गया है.

चेक आउट: डेमो | प्रलेखन

FlowType.JS

सबसे पठनीय टाइपोग्राफी में प्रति पंक्ति 45 से 75 अक्षर होते हैं लेकिन यह पता लगाना कि संतुलन डेवलपर्स के लिए एक चुनौतीपूर्ण कार्य है। FlowType.JS फ़ॉन्ट आकार और बाद में एक विशिष्ट तत्व की चौड़ाई के आधार पर लाइन-ऊंचाई को बदलता है.

चेक आउट: डेमो | प्रलेखन

Blast.js

ब्लास्ट.जेएस आपको टाइपोग्राफी में हेरफेर करने के लिए ग्रंथों को अलग करना आसान बनाने में मदद करेगा। इसमें 4 इन-बिल्ट सीमांकक शामिल हैं: वर्ण, शब्द, वाक्य और तत्व। यह कस्टम अभिव्यक्तियों और वाक्यांशों से मेल भी खा सकता है.

चेक आउट: डेमो | प्रलेखन

slabText

slabText एक सरल स्क्रिप्ट है जो उपलब्ध क्षैतिज स्थान में पूरी तरह से भरने के लिए पंक्तियों में सुर्खियों को विभाजित करती है। स्क्रिप्ट पिक्सेल फ़ॉन्ट आकार द्वारा उपलब्ध चौड़ाई को विभाजित करके प्रत्येक पंक्ति में सेट करने के लिए वर्णों की एक आदर्श संख्या की गणना करती है.

चेक आउट: डेमो | प्रलेखन

स्केल टाइप करें

टाइप स्केल के साथ आप अपनी परियोजना के लिए सही प्रकार के पैमाने का पूर्वावलोकन और चयन करने में सक्षम हैं। कोई नियम नहीं हैं - बस फ़ॉन्ट आकार, पैमाने और विभिन्न वेब फोंट के साथ चारों ओर खेलते हैं.

चेक आउट: डेमो | प्रलेखन

टाइपोग्राफिक

टाइपोग्राफी आपको टाइपोग्राफी को उत्तरदायी बनाने में मदद करती है। आपको बस कुछ फोंट का चयन करने की आवश्यकता है, कुछ सेटिंग्स सेट करें और आपको अच्छा उत्तरदायी टाइपोग्राफी मिलेगा.

चेक आउट: डेमो | प्रलेखन

Typi

Typi एक सास मिश्रण है जिसका उपयोग आप आसानी से उत्तरदायी टाइपोग्राफी बनाने के लिए कर सकते हैं। यह HTML और अन्य तत्वों के लिए फ़ॉन्ट आकार और लाइन हाइट बनाता है। इसके अलावा, टाइपिंग में लाइन हाइट्स की गणना करने के लिए एक लयबद्ध कार्य होता है.

चेक आउट: प्रलेखन

Lining.js

Lining.js प्लगइन के साथ, आपको वेब टाइपोग्राफी पर पूरा नियंत्रण मिलेगा। यह सफारी, Google क्रोम, ओपेरा, और मोज़िला फ़ायरफ़ॉक्स जैसे सबसे लोकप्रिय ब्राउज़रों पर समर्थित है.

चेक आउट: डेमो | प्रलेखन

बोनस: 2 और उपकरण!

वेब प्रकार की अवस्था

स्टेट ऑफ़ द वेब टाइप एक ऐसी वेबसाइट है जो वेब के चारों ओर के प्रकार और सुविधाओं के समर्थन के बारे में अद्यतित डेटा प्रदान करती है। आप खोज या श्रेणियों का उपयोग कर सकते हैं, जैसे किर्निंग, कैपिटल स्पेसिंग, सीएसएस फ़ॉन्ट लोडिंग, और वास्तव में जो आपको चाहिए उसे खोजने के लिए और अधिक.

Typograph

टाइपोग्राफ एक भयानक वेब और स्केच प्लगइन है जो आपको एक-अक्षर के शब्दों के बाद गैर-ब्रेकिंग रिक्त स्थान डालने की अनुमति देता है, संख्या और इकाई को जोड़ता है। यह डबल स्पेस, एंटर्स, डॉट्स और अन्य टाइपोस को भी हटाता है, जिससे आप साफ सुंदर टाइपोग्राफी प्राप्त कर सकते हैं जो पढ़ने में आसान है.

चेक आउट: प्रलेखन