फ़ॉन्ट

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

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

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

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

1 फ़ैमिली
Canva Sans
इस्तेमाल
h1, h2, h3, body, button
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter

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

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

:root {
  --font-heading: "Canva Sans", "Inter", sans-serif; /* Inter stands in for Canva Sans */
  --font-body: "Canva Sans", "Inter", sans-serif; /* Inter stands in for Canva Sans */
  --font-size-base: 18px;
}

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

headline-displayQuick brown foxCanva Sans / 84px / 400 / lh 89.04px / -1.5px
headline-lgQuick brown foxCanva Sans / 56px / 400 / lh 61.6px / -0.56px
headline-mdQuick brown foxCanva Sans / 28px / 500 / lh 35px / -0.28px
body-mdThe quick brown fox jumps over the lazy dogCanva Sans / 18px / 400 / lh 25.2px
label-mdThe quick brown fox jumps over the lazy dogCanva Sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogCanva Sans / 14px / 600 / lh 22px
इस्तेमाल में फ़ॉन्ट साइज़
1013141624283264

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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