Stylepack

Fontlar

how.studio sitesinin kullandığı fontlar

how.studio, başlıklarını Azeret Mono, gövde metnini wagram ile diziyor. Azeret Mono, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.

how.studio sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

2 font ailesi
Azeret Mono
Kullanım yeri
h1, label, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter
wagram
Kullanım yeri
h2, body
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: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-body: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-size-base: 16px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxAzeret Mono / 12px / 360 / lh 13.8px
headline-lgQuick brown foxwagram / 60px / 300 / lh 51px / -3px
headline-mdQuick brown foxwagram / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogwagram / 16px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 1.15
buttonThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 13.8px
Kullanılan font boyutları
10121632406072

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/how.studio/DESIGN.md

Sorular

how.studio hangi yazı tipini kullanıyor?

how.studio, Azeret Mono, wagram kullanıyor. Başlıklar Azeret Mono, gövde metni wagram ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

how.studio fontu ücretsiz kullanılabilir mi?

Hayır. Azeret Mono, how.studio 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.

how.studio ile aynı tipografiyi projemde nasıl elde ederim?

how.studio 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.