Stylepack

Fontlar

canva.com sitesinin kullandığı fontlar

canva.com, başlıklarını ve gövde metnini Canva Sans ile diziyor. Canva Sans, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.

canva.com sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

1 font ailesi
Canva Sans
Kullanım yeri
h1, h2, h3, body, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter

Aynısını üretmek için CSS

Font değişkenleri, ücretsiz muadil font yığınında olacak şekilde; böylece aynı CSS lisanslı fontla da onsuz da çalışır.

: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;
}

Yazı nasıl dizilmiş

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
Kullanılan font boyutları
1013141624283264

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

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

Sorular

canva.com hangi yazı tipini kullanıyor?

canva.com, Canva Sans kullanıyor. Başlıklar Canva Sans, gövde metni Canva Sans ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

canva.com fontu ücretsiz kullanılabilir mi?

Hayır. Canva Sans, canva.com sitesinin kendi sunduğu lisanslı bir font. En yakın ücretsiz karşılığı Google Fonts üzerindeki Inter. Bu sayfadaki CSS onu muadil olarak font yığınına koyar.

canva.com ile aynı tipografiyi projemde nasıl elde ederim?

canva.com tasarım paketini Stylepack üzerinden indirin: font yığınını, tip ölçeğini, her metin stilini ve ekran görüntülerini, Claude Code ya da Cursor gibi bir yapay zeka kodlama ajanının üzerine inşa edebileceği biçimde içerir.