Stylepack

Fontlar

airbnb.com sitesinin kullandığı fontlar

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

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

Tam tasarım paketini açPaketi indir

Font aileleri

1 font ailesi
Airbnb Cereal VF
Kullanım yeri
h1, h2, label, button
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: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
  --font-body: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
  --font-size-base: 14px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxAirbnb Cereal VF / 28px / 700 / lh 40.04px
headline-lgQuick brown foxAirbnb Cereal VF / 20px / 600 / lh 24px / -0.18px
headline-mdQuick brown foxAirbnb Cereal VF / 24px / 600 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 14px / 400 / lh 1.4
label-mdThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 12px / 400 / lh 1.33
buttonThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 14px / 400 / lh 18px
Kullanılan font boyutları
111213142028

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

Sorular

airbnb.com hangi yazı tipini kullanıyor?

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

airbnb.com fontu ücretsiz kullanılabilir mi?

Hayır. Airbnb Cereal VF, airbnb.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.

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

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