Google Fonts की बेहतरीन जोड़ियाँ खोजें — हेडिंग और बॉडी कॉम्बिनेशन, लाइव प्रीव्यू और कॉपी करने लायक CSS। बिल्कुल मुफ़्त।
फ़ॉन्ट पेयरिंग कैसे इस्तेमाल करें?
एक हेडिंग फ़ॉन्ट चुनें या सुझाव ब्राउज़ करें।
बॉडी फ़ॉन्ट संयोजनों का प्रीव्यू देखें।
अपने चुने हुए जोड़े के लिए Google Fonts कोड कॉपी करें।
फ़ॉन्ट पेयरिंग के बारे में अक्सर पूछे जाने वाले सवाल
एक अच्छा फ़ॉन्ट जोड़ा क्या बनाता है?
कंट्रास्ट और सामंजस्य मुख्य हैं। हेडिंग के लिए serif या display फ़ॉन्ट को बॉडी टेक्स्ट के लिए sans-serif के साथ जोड़ना आमतौर पर एक जीतने वाला संयोजन होता है।
क्या सुझाए गए फ़ॉन्ट उपयोग के लिए मुफ़्त हैं?
हाँ, सभी सुझाए गए फ़ॉन्ट Google Fonts के मुफ़्त ओपन-सोर्स फ़ॉन्ट हैं। इन्हें व्यक्तिगत और व्यावसायिक दोनों प्रोजेक्ट में स्वतंत्र रूप से उपयोग किया जा सकता है।
क्या कई वेब फ़ॉन्ट पन्ने को धीमा कर देते हैं?
बोझ फ़ॉन्ट परिवारों से ज़्यादा उनके वज़नों का होता है। एक फ़ॉन्ट फ़ाइल आमतौर पर 20-40 KB की होती है, इसलिए दो परिवारों के दो-दो वज़न मिलकर क़रीब 100 KB बनते हैं, जो ठीक है। दिक़्क़त तब शुरू होती है जब एक ही परिवार के छह वज़न लोड किए जाएँ। वेरिएबल फ़ॉन्ट एक ही फ़ाइल से सारे वज़न सँभाल लेता है, और font-display: swap लगाने पर फ़ॉन्ट देर से आए तब भी पाठ पहले दिख जाता है।
मुख्य पाठ का फ़ॉन्ट किस आधार पर चुनें?
मुख्य पाठ में पठनीयता व्यक्तित्व से पहले आती है। 16px पर पर्याप्त लोअरकेस ऊँचाई, अक्षरों के बीच आरामदेह जगह, और 1, l तथा I के साथ-साथ 0 और O के स्पष्ट रूप से अलग आकार वाला फ़ॉन्ट देखें। अपनी असली सामग्री का एक अनुच्छेद चिपकाकर उसे लैपटॉप और फ़ोन दोनों पर पढ़िए; यह नमूने के वाक्य देखने से कहीं ज़्यादा बताता है। शीर्षकों का बोझ कोई विशिष्ट फ़ॉन्ट उठा सकता है, पर पढ़ा वही जाता है जो मुख्य पाठ में शांत हो।
फ़ॉन्ट पेयरिंग को प्रभावी ढंग से कैसे इस्तेमाल करें?
देवनागरी के लिए Noto Sans Devanagari जैसे फ़ॉन्ट चुनें और मात्राओं की जाँच ज़रूर करें।
देवनागरी में शिरोरेखा और मात्राओं की वजह से line-height 1.7 के आसपास रखना बेहतर है।
हेडिंग और बॉडी में अंतर फ़ॉन्ट बदलकर नहीं, वेट (700 बनाम 400) से लाएँ।