Stylepack

फ़ॉन्ट

tailwindcss.com जो फ़ॉन्ट इस्तेमाल करता है

tailwindcss.com अपने शीर्षक और बॉडी टेक्स्ट inter में सेट करता है। inter एक लाइसेंस वाला फ़ॉन्ट है, जिसे साइट ख़ुद सर्व करती है। Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प: Inter।

tailwindcss.com से 4 दिन पहले मापा गया।

पूरा डिज़ाइन पैक खोलेंपैक डाउनलोड करें

फ़ॉन्ट फ़ैमिली

2 फ़ैमिली
inter
इस्तेमाल
h1, h2, h3, body, button, code
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter
plexMono
इस्तेमाल
label, code
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter

इसे दोहराने के लिए CSS

फ़ॉन्ट variables, जिनके stack में मुफ़्त विकल्प भी है, ताकि वही CSS लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।

:root {
  --font-heading: "inter", "Inter", monospace; /* Inter stands in for inter */
  --font-body: "inter", "Inter", monospace; /* Inter stands in for inter */
  --font-mono: "inter", "Inter", monospace; /* Inter stands in for inter */
  --font-size-base: 14px;
}

टाइप कैसे सेट है

headline-displayQuick brown foxinter / 96px / 400 / lh 96px / -4.8px
headline-lgQuick brown foxinter / 40px / 500 / lh 40px / -2px
headline-mdQuick brown foxinter / 36px / 600 / lh 48px
body-mdThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 28px
label-mdThe quick brown fox jumps over the lazy dogplexMono / 12px / 400 / lh 2
buttonThe quick brown fox jumps over the lazy doginter / 12px / 400 / lh 20px
codeconst pack = extract(url)plexMono / 13px / 400 / lh 24px
इस्तेमाल में फ़ॉन्ट साइज़
1213141618364096

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

curl -s https://stylepack.ai/packs/tailwindcss.com/DESIGN.md

सवाल

tailwindcss.com कौन सा फ़ॉन्ट इस्तेमाल करता है?

tailwindcss.com inter, plexMono इस्तेमाल करता है। शीर्षक inter में और बॉडी टेक्स्ट inter में सेट हैं, साइट के रेंडर होने पर मापे गए, उसकी stylesheet से पढ़े नहीं गए।

क्या tailwindcss.com का फ़ॉन्ट मुफ़्त में इस्तेमाल किया जा सकता है?

नहीं। inter एक लाइसेंस वाला फ़ॉन्ट है, जिसे tailwindcss.com ख़ुद सर्व करता है। सबसे क़रीबी मुफ़्त विकल्प Inter है, जो Google Fonts पर उपलब्ध है। इस पेज की CSS उसे font stack में स्टैंड-इन के रूप में रखती है।

अपने प्रोजेक्ट में tailwindcss.com जैसी टाइपोग्राफ़ी कैसे पाऊँ?

Stylepack से tailwindcss.com का डिज़ाइन पैक डाउनलोड करें: उसमें font stack, type scale, हर टेक्स्ट स्टाइल और स्क्रीनशॉट हैं, ऐसे रूप में जिससे Claude Code या Cursor जैसा AI कोडिंग एजेंट बना सके।