Stylepack

Fontlar

teenage.engineering sitesinin kullandığı fontlar

teenage.engineering, başlıklarını ve gövde metnini te-20 ile diziyor. te-20, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.

teenage.engineering sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

1 font ailesi
te-20
Kullanım yeri
body, button, label
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-body: "te-20", "Inter", sans-serif; /* Inter stands in for te-20 */
  --font-size-base: 19.102px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxte-20 / 48px / 100 / lh 1.4
headline-lgQuick brown foxte-20 / 32px / 100 / lh 1.4
headline-mdQuick brown foxte-20 / 24px / 100 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogte-20 / 19.102px / 100 / lh 22.0408px
label-mdThe quick brown fox jumps over the lazy dogte-20 / 16px / 300 / lh 24px
buttonThe quick brown fox jumps over the lazy dogte-20 / 16px / 100 / lh 1.5
Kullanılan font boyutları
161940

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/teenage.engineering/DESIGN.md

Sorular

teenage.engineering hangi yazı tipini kullanıyor?

teenage.engineering, te-20 kullanıyor. Başlıklar te-20, gövde metni te-20 ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

teenage.engineering fontu ücretsiz kullanılabilir mi?

Hayır. te-20, teenage.engineering 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.

teenage.engineering ile aynı tipografiyi projemde nasıl elde ederim?

teenage.engineering 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.