टूल
यह वेबसाइट कौन सा फ़ॉन्ट इस्तेमाल करती है?
वेबसाइट का पता डालें और देखें कि वह कौन से फ़ॉन्ट इस्तेमाल करती है: फ़ैमिली, कहाँ से लोड होता है, शीर्षक और बॉडी टेक्स्ट के लिए कैसे सेट है, और Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प।
airbnb.com
4 दिन पहले मापा गया।
:root {
--font-heading: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
--font-body: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
--font-size-base: 14px;
}यह कैसे काम करता है
Stylepack साइट को असली ब्राउज़र में खोलता है, चार चौड़ाइयों पर और दोनों थीम में वह मापता है जो रेंडर होता है (न कि जो stylesheet कहती है), और नतीजे को डिज़ाइन पैक के रूप में रखता है। पहले से मापी गई साइट तुरंत जवाब देती है; नई साइट में एक मिनट से कम लगता है। इस पेज का हर मान उसी पैक से आता है।
सवाल
आप किसी वेबसाइट का फ़ॉन्ट कैसे पता करते हैं?
साइट को असली ब्राउज़र में खोला जाता है और हर टेक्स्ट स्टाइल को रेंडर होते हुए मापा जाता है: वह फ़ैमिली जो ब्राउज़र ने असल में इस्तेमाल की, उसका weight, साइज़, line height और tracking। जो फ़ॉन्ट CSS में लिखा है पर कभी लोड नहीं हुआ, वह रिपोर्ट नहीं होता।
अगर फ़ॉन्ट मुफ़्त न हो तो?
ज़्यादातर ब्रांड फ़ॉन्ट लाइसेंस वाले होते हैं। नतीजा Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प बताता है और CSS उसे font stack में स्टैंड-इन के रूप में रखती है, ताकि वही stylesheet लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।
क्या यह ब्राउज़र एक्सटेंशन से अलग है?
एक्सटेंशन कर्सर के नीचे वाली फ़ैमिली बताता है। यह पेज पूरी साइट को एक साथ मापता है, फ़ैमिलियों को भूमिका के हिसाब से छाँटता है, और आपको पेस्ट करने लायक CSS देता है, साथ में AI कोडिंग एजेंट के लिए पूरा डिज़ाइन पैक।