फॉन्ट पेयरिंग और गूगल फॉन्ट्स डायरेक्टरी
लोकप्रिय Google Fonts की एक क्यूरेटेड डायरेक्टरी लाइव प्रीव्यू के साथ ब्राउज़ करें, श्रेणी से फ़िल्टर करें और नाम से खोजें, फिर पेस्ट करने के लिए तैयार CSS कॉपी करें और सुझाए गए फ़ॉन्ट जोड़े एक्सप्लोर करें: सब आपके ब्राउज़र में।
सब कुछ आपके ब्राउज़र में चलता है: फ़ॉन्ट केवल लाइव प्रीव्यू के लिए Google Fonts से लोड होते हैं, कुछ भी अपलोड नहीं होता, कोई साइन-अप नहीं, पूरी तरह मुफ़्त।
डिस्प्ले फ़ॉन्ट में सेट एक हेडलाइन
और यहाँ जोड़े गए टेक्स्ट फ़ॉन्ट में सेट बॉडी कॉपी का एक पैराग्राफ है। अच्छी फ़ॉन्ट जोड़ियाँ व्यक्तित्व और पठनीयता में संतुलन बनाती हैं: एक विशिष्ट हेडिंग फ़ेस नज़र खींचता है, जबकि एक साफ़, आरामदायक बॉडी फ़ेस लंबे पैराग्राफ़ को आसानी से पढ़ने योग्य रखता है। अपनी हेडिंग और बॉडी टेक्स्ट के लिए दोनों @import लाइनें और font-family नियम कॉपी करने के लिए "CSS" पर क्लिक करें।
फॉन्ट पेयरिंग और गूगल फॉन्ट्स डायरेक्टरी के बारे में
यह फ़ॉन्ट डायरेक्टरी एक खोजने योग्य पेज पर 80 लोकप्रिय Google Fonts इकट्ठा करती है, हर एक एक पैनग्राम सैंपल लाइन, एक अल्फाबेट व अंक लाइन, और एक कैटेगरी बैज के साथ लाइव स्पेसिमेन के रूप में रेंडर किया गया। यह टाइप के पांच परिवारों को कवर करता है (sans-serif, serif, display, handwriting और monospace) ताकि आप नामों से अंदाज़ा लगाने के बजाय वास्तविक अक्षर रूपों की तुलना कर सकें।
हर फ़ॉन्ट कार्ड में क्यूरेट किए गए पेयरिंग सुझाव शामिल हैं: साथी फ़ॉन्ट जो हेडिंग और बॉडी टेक्स्ट के लिए एक साथ अच्छी तरह काम करते हैं। किसी पेयर चिप पर क्लिक करने से एक प्रीव्यू खुलता है जो एक फ़ॉन्ट में हेडलाइन और दूसरे में एक पैराग्राफ सेट करता है, ताकि आप उसे अपनाने से पहले संदर्भ में संयोजन आंक सकें।
जब कोई फ़ॉन्ट या पेयरिंग फिट बैठे, तो एक क्लिक तैयार-टू-पेस्ट CSS कॉपी करता है: Google Fonts स्टाइलशीट के लिए एक @import लाइन साथ ही एक उचित फ़ॉलबैक वाला मैचिंग font-family स्टैक। फ़ॉन्ट सिर्फ लाइव प्रीव्यू के लिए Google Fonts से लोड होते हैं; आपके द्वारा टाइप की गई कोई भी चीज़ कहीं अपलोड नहीं होती।
फॉन्ट पेयरिंग और गूगल फॉन्ट्स डायरेक्टरी का उपयोग कैसे करें
- फ़ॉन्ट कार्ड ब्राउज़ करें, हर एक अपना नाम, कैटेगरी बैज और वास्तविक टाइपफेस में सेट लाइव सैंपल टेक्स्ट दिखाता है।
- नाम से फ़ॉन्ट ढूंढने के लिए सर्च बॉक्स का उपयोग करें, या ग्रिड को फ़िल्टर करने के लिए किसी कैटेगरी चिप (Sans-serif, Serif, Display, Handwriting, Monospace) पर क्लिक करें।
- अपने लक्षित हेडिंग या बॉडी साइज़ पर सैंपल लाइन प्रीव्यू करने के लिए साइज़ स्लाइडर (16–72 px) खींचें।
- सुझाए गए संयोजन में सेट एक हेडलाइन और बॉडी पैराग्राफ देखने के लिए एक "Pairs with" चिप या "Preview pairing" बटन पर क्लिक करें।
- @import लाइन और font-family घोषणाओं को अपने क्लिपबोर्ड पर कॉपी करने के लिए किसी कार्ड पर या पेयरिंग प्रीव्यू में "CSS" बटन पर क्लिक करें।