Stylepack

Fontlar

apple.com sitesinin kullandığı fontlar

apple.com, başlıklarını ve gövde metnini SF Pro Text ile diziyor. SF Pro Text bir sistem fontu: işletim sistemiyle gelir, yüklenecek bir şey yok.

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

Tam tasarım paketini açPaketi indir

Font aileleri

2 font ailesi
SF Pro Text
Kullanım yeri
h1, h3, label, button, body
Kaynak
sistem
Ücretsiz alternatif
Zaten ücretsiz
SF Pro Display
Kullanım yeri
h2, body
Kaynak
sistem
Ücretsiz alternatif
Zaten ücretsiz

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.

fonts.css
:root {
  --font-heading: "SF Pro Text", sans-serif;
  --font-body: "SF Pro Text", sans-serif;
  --font-size-base: 12px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxSF Pro Text / 34px / 600 / lh 50px / -0.374px
headline-lgQuick brown foxSF Pro Display / 56px / 600 / lh 60px / -0.28px
headline-mdQuick brown foxSF Pro Text / 12px / 600 / lh 16.0005px / -0.12px
body-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 16.0005px / -0.12px
label-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 1.33 / -0.12px
buttonThe quick brown fox jumps over the lazy dogSF Pro Text / 14px / 400 / lh 1.29 / -0.224px
Kullanılan font boyutları
1214172128344056

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

Sorular

apple.com hangi yazı tipini kullanıyor?

apple.com, SF Pro Text, SF Pro Display kullanıyor. Başlıklar SF Pro Text, gövde metni SF Pro Text ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

apple.com fontu ücretsiz kullanılabilir mi?

Evet. SF Pro Text, SF Pro Display kendi sitenizde lisans satın almadan kullanılabilir: Google Fonts üzerinden yükleyin ya da apple.com sistem fontu kullanıyorsa siz de sistem fontuna güvenin.

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

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