Stylepack

टूल

यह वेबसाइट कौन सा फ़ॉन्ट इस्तेमाल करती है?

वेबसाइट का पता डालें और देखें कि वह कौन से फ़ॉन्ट इस्तेमाल करती है: फ़ैमिली, कहाँ से लोड होता है, शीर्षक और बॉडी टेक्स्ट के लिए कैसे सेट है, और Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प।

आज़माएँstripe.comlinear.appairbnb.com

linear.app

4 दिन पहले मापा गया।

Inter Variableविकल्प InterBerkeley Monoविकल्प JetBrains Mono
:root {
  --font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
  --font-size-base: 24px;
}
पूरा जवाब वाला पेज खोलेंडिज़ाइन पैक खोलें

यह कैसे काम करता है

Stylepack साइट को असली ब्राउज़र में खोलता है, चार चौड़ाइयों पर और दोनों थीम में वह मापता है जो रेंडर होता है (न कि जो stylesheet कहती है), और नतीजे को डिज़ाइन पैक के रूप में रखता है। पहले से मापी गई साइट तुरंत जवाब देती है; नई साइट में एक मिनट से कम लगता है। इस पेज का हर मान उसी पैक से आता है।

सवाल

आप किसी वेबसाइट का फ़ॉन्ट कैसे पता करते हैं?

साइट को असली ब्राउज़र में खोला जाता है और हर टेक्स्ट स्टाइल को रेंडर होते हुए मापा जाता है: वह फ़ैमिली जो ब्राउज़र ने असल में इस्तेमाल की, उसका weight, साइज़, line height और tracking। जो फ़ॉन्ट CSS में लिखा है पर कभी लोड नहीं हुआ, वह रिपोर्ट नहीं होता।

अगर फ़ॉन्ट मुफ़्त न हो तो?

ज़्यादातर ब्रांड फ़ॉन्ट लाइसेंस वाले होते हैं। नतीजा Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प बताता है और CSS उसे font stack में स्टैंड-इन के रूप में रखती है, ताकि वही stylesheet लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।

क्या यह ब्राउज़र एक्सटेंशन से अलग है?

एक्सटेंशन कर्सर के नीचे वाली फ़ैमिली बताता है। यह पेज पूरी साइट को एक साथ मापता है, फ़ैमिलियों को भूमिका के हिसाब से छाँटता है, और आपको पेस्ट करने लायक CSS देता है, साथ में AI कोडिंग एजेंट के लिए पूरा डिज़ाइन पैक।