Stylepack

फ़ॉन्ट

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

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

teenage.engineering से 4 दिन पहले मापा गया।

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

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

1 फ़ैमिली
te-20
इस्तेमाल
body, button, label
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter

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

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

:root {
  --font-body: "te-20", "Inter", sans-serif; /* Inter stands in for te-20 */
  --font-size-base: 19.102px;
}

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

headline-displayQuick brown foxte-20 / 48px / 100 / lh 1.4
headline-lgQuick brown foxte-20 / 32px / 100 / lh 1.4
headline-mdQuick brown foxte-20 / 24px / 100 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogte-20 / 19.102px / 100 / lh 22.0408px
label-mdThe quick brown fox jumps over the lazy dogte-20 / 16px / 300 / lh 24px
buttonThe quick brown fox jumps over the lazy dogte-20 / 16px / 100 / lh 1.5
इस्तेमाल में फ़ॉन्ट साइज़
161940

AI एजेंट के लिए

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

curl -s https://stylepack.ai/packs/teenage.engineering/DESIGN.md

सवाल

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

teenage.engineering te-20 इस्तेमाल करता है। शीर्षक te-20 में और बॉडी टेक्स्ट te-20 में सेट हैं, साइट के रेंडर होने पर मापे गए, उसकी stylesheet से पढ़े नहीं गए।

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

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

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

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