फ़ॉन्ट पेयरिंग
Font Pairing टूल headings और body text के लिए 12 चुनी हुई Google Fonts जोड़ियों का प्रीव्यू दिखाता है, आपको ख़ुद fonts मिलाने देता है, और मेल खाता CSS @import कॉपी करता है।
इस टूल के बारे में
Font Pairing टूल headings और body text के लिए 12 चुनी हुई Google Fonts जोड़ियों का प्रीव्यू दिखाता है, आपको ख़ुद fonts मिलाने देता है, और मेल खाता CSS @import कॉपी करता है।
इस्तेमाल कैसे करें
- चुनी हुई जोड़ियों में से एक चुनें, या ख़ुद heading और body font चुनें।
- नई जोड़ियाँ आज़माने के लिए Random Pairing इस्तेमाल करें।
- heading और पैराग्राफ़ टेक्स्ट का लाइव प्रीव्यू देखें।
- अपनी साइट पर fonts लोड करने के लिए Copy CSS @import पर क्लिक करें।
जानने योग्य बातें
- एक क्लासिक जोड़ी serif और sans-serif का contrast रखती है, जैसे Playfair Display के साथ Source Sans 3।
- जोड़ियों में Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter और DM Serif Display + DM Sans शामिल हैं।
- साइट को दो font families तक सीमित रखने से पेज एकरूप रहते हैं और डाउनलोड साइज़ घटता है।
- प्रीव्यू चुने गए fonts को Google Fonts से 400 और 700 weights में लोड करता है।
- font URL में display=swap जोड़ने से web font लोड होने तक fallback टेक्स्ट दिखता है।
पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।
अक्सर पूछे जाने वाले सवाल
कौन-से fonts साथ में अच्छे लगते हैं?
अलग-अलग स्टाइल लेकिन मिलते-जुलते अनुपात वाले fonts आमतौर पर अच्छी जोड़ी बनाते हैं, जैसे high-contrast serif heading के साथ साफ़ sans-serif body। यहाँ की चुनी हुई जोड़ियाँ आज़माई हुई हैं।
वेबसाइट में कितने fonts होने चाहिए?
दो families — एक headings के लिए और एक body text के लिए — ज़्यादातर साइटों के लिए काफ़ी हैं। तीसरे की ज़रूरत कम ही पड़ती है।
क्या Google Fonts व्यावसायिक उपयोग के लिए मुफ़्त हैं?
हाँ। Google Fonts library के fonts SIL Open Font License जैसे open licenses के तहत जारी होते हैं और व्यावसायिक रूप से इस्तेमाल किए जा सकते हैं।
अपनी साइट में fonts कैसे जोड़ें?
कॉपी किया गया @import अपनी CSS में सबसे ऊपर पेस्ट करें, या उसे HTML head में link tag में बदलें, फिर अपनी headings और body पर font-family सेट करें।