Stylepack

फ़ॉन्ट

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

apple.com अपने शीर्षक और बॉडी टेक्स्ट SF Pro Text में सेट करता है। SF Pro Text एक सिस्टम फ़ॉन्ट है: यह ऑपरेटिंग सिस्टम के साथ आता है, कुछ लोड करने की ज़रूरत नहीं।

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

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

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

2 फ़ैमिली
SF Pro Text
इस्तेमाल
h1, h3, label, button, body
स्रोत
सिस्टम
मुफ़्त विकल्प
पहले से मुफ़्त
SF Pro Display
इस्तेमाल
h2, body
स्रोत
सिस्टम
मुफ़्त विकल्प
पहले से मुफ़्त

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

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

fonts.css
:root {
  --font-heading: "SF Pro Text", sans-serif;
  --font-body: "SF Pro Text", sans-serif;
  --font-size-base: 12px;
}

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

headline-displayQuick brown foxSF Pro Text / 34px / 600 / lh 50px / -0.374px
headline-lgQuick brown foxSF Pro Display / 56px / 600 / lh 60px / -0.28px
headline-mdQuick brown foxSF Pro Text / 12px / 600 / lh 16.0005px / -0.12px
body-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 16.0005px / -0.12px
label-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 1.33 / -0.12px
buttonThe quick brown fox jumps over the lazy dogSF Pro Text / 14px / 400 / lh 1.29 / -0.224px
इस्तेमाल में फ़ॉन्ट साइज़
1214172128344056

AI एजेंट के लिए

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

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

सवाल

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

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

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

हाँ। SF Pro Text, SF Pro Display को आप अपनी साइट में बिना लाइसेंस ख़रीदे इस्तेमाल कर सकते हैं: उसे Google Fonts से लोड करें, या जहाँ apple.com सिस्टम फ़ॉन्ट इस्तेमाल करता है, वहाँ सिस्टम फ़ॉन्ट पर भरोसा करें।

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

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