Stylepack

फ़ॉन्ट

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

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

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

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

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

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

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

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

:root {
  --font-heading: "arcadiaDisplay", "Inter", sans-serif; /* Inter stands in for arcadiaDisplay */
  --font-body: "arcadia", "Inter", sans-serif; /* Inter stands in for arcadia */
  --font-size-base: 12px;
}

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

headline-displayQuick brown foxarcadiaDisplay / 49.3472px / 480 / lh 54.2819px
headline-lgQuick brown foxarcadiaDisplay / 28px / 480 / lh 33.6px / 0.42px
headline-mdQuick brown foxarcadia / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogarcadia / 12px / 400 / lh 16.8px / 0.24px
label-mdThe quick brown fox jumps over the lazy dogarcadia / 16px / 400 / lh 24px
buttonThe quick brown fox jumps over the lazy dogarcadia / 16px / 480 / lh 21.6px
इस्तेमाल में फ़ॉन्ट साइज़
121618284249

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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