Stylepack

Fontlar

duolingo.com sitesinin kullandığı fontlar

duolingo.com, başlıklarını ve gövde metnini duolingo-sans ile diziyor. duolingo-sans, sitenin kendisi tarafından yükleniyor. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.

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

Tam tasarım paketini açPaketi indir

Font aileleri

2 font ailesi
duolingo-sans
Kullanım yeri
h1, body, button
Kaynak
muadil Inter
Ücretsiz alternatif
Inter
feather
Kullanım yeri
h2
Kaynak
muadil Inter
Ü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: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-body: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-size-base: 17px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxduolingo-sans / 32px / 700 / lh 1.4
headline-lgQuick brown foxfeather / 48px / 700 / lh 1.4
headline-mdQuick brown foxduolingo-sans / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 17px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogduolingo-sans / 15px / 700 / lh 1.4 / 0.8px
Kullanılan font boyutları
15173248

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/duolingo.com/DESIGN.md

Sorular

duolingo.com hangi yazı tipini kullanıyor?

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

duolingo.com fontu ücretsiz kullanılabilir mi?

Hayır. duolingo-sans, duolingo.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.

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

duolingo.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.