गूगल फ़ॉन्ट्स पूर्वावलोकन अपने अनुकूलित पाठ, आकार, वजन और अक्षर अंतराल के साथ गूगल फ़ॉन्ट्स का पूर्वावलोकन करें।

गूगल फ़ॉन्ट्स एक सीडीएन के माध्यम से फ़ॉन्ट फ़ाइलों की सेवा करता है जिसमें स्वचालित प्रारूप चयन (आधुनिक ब्राउज़रों के लिए woff2) शामिल है। @import विधि सीएसएस के माध्यम से फ़ॉन्ट्स जोड़ती है: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); परिवार पैरामीटर फ़ॉन्ट और वजन निर्दिष्ट करता है। display=swap पैरामीटर तुरंत टेक्स्ट दृश्यता के साथ एक फॉलबैक फ़ॉन्ट का उपयोग करके font-display: swap का उपयोग करता है जब तक वेब फ़ॉन्ट लोड नहीं हो जाता। कई फ़ॉन्ट्स &family= पैरामीटर द्वारा अलग किए जाते हैं। प्रदर्शन के लिए, केवल उन वजनों का अनुरोध करें जिनकी आपको आवश्यकता है। परिवर्तनीय फ़ॉन्ट्स (गूगल फ़ॉन्ट्स में से अधिकांश के लिए उपलब्ध) wght@100..900 वाक्य रचना का उपयोग करके एक ही फ़ाइल में सभी वजन प्रदान करते हैं। फ़ॉन्ट सबसेटिंग फ़ाइल आकार को और कम कर सकती है जिससे केवल आवश्यक वर्ण श्रृंखला लोड होती है: &text=Hello या subset=latin पैरामीटर। फॉलबैक फ़ॉन्ट्स के साथ font-family गुण का उपयोग करें: font-family: 'Inter', system-ui, sans-serif।