Stylepack

Fontlar

github.com sitesinin kullandığı fontlar

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

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

Tam tasarım paketini açPaketi indir

Font aileleri

3 font ailesi
Mona Sans
Kullanım yeri
h1, h2, h3, body, label, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter
Mona Sans VF
Kullanım yeri
button
Kaynak
muadil Inter
Ücretsiz alternatif
Inter
Mona Sans Mono
Kullanım yeri
code
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: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-body: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-button: "Mona Sans VF", "Inter", sans-serif; /* Inter stands in for Mona Sans VF */
  --font-mono: "Mona Sans Mono", "Inter", monospace; /* Inter stands in for Mona Sans Mono */
  --font-size-base: 18px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxMona Sans / 64px / 425 / lh 69.12px / -2.24px
headline-lgQuick brown foxMona Sans / 40px / 460 / lh 48px
headline-mdQuick brown foxMona Sans / 22px / 480 / lh 30.8px
body-mdThe quick brown fox jumps over the lazy dogMona Sans / 18px / 400 / lh 27px / 0.18px
label-mdThe quick brown fox jumps over the lazy dogMona Sans / 16px / 400 / lh 24px / 0.24px
buttonThe quick brown fox jumps over the lazy dogMona Sans / 16px / 500 / lh 24px / 0.24px
codeconst pack = extract(url)Mona Sans Mono / 11px / 400 / lh 10px / 0.21px
Kullanılan font boyutları
111214161822244064

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

Sorular

github.com hangi yazı tipini kullanıyor?

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

github.com fontu ücretsiz kullanılabilir mi?

Hayır. Mona Sans, github.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.

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

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