Roboto

Roboto fontunu dene

Ağırlıklar ve stiller

• Thin 100Roboto Thin Thin İtalik
• ExtraLight 200Roboto ExtraLight ExtraLight İtalik
• Light 300Roboto Light Light İtalik
• Regular 400Roboto Regular İtalik
• Medium 500Roboto Medium Medium İtalik
• SemiBold 600Roboto SemiBold SemiBold İtalik
• Bold 700Roboto Bold Bold İtalik
• ExtraBold 800Roboto ExtraBold ExtraBold İtalik
• Black 900Roboto Black Black İtalik

Roboto değişken bir fonttur: indirme paketi tüm ağırlık aralığını her stil için ayrı dosyada taşır; yukarıdaki adlandırılmış ağırlıklar bu aralık üzerindeki konumlardır.

Roboto hakkında

Roboto, resmî notların iki yönlü olarak nitelediği bir sans serif ailesidir: mekanik, büyük ölçüde geometrik bir iskelet ile dostça, açık eğrilerin birleşimi. Harfler katı bir ritme zorlanmak yerine doğal genişliklerini korur; notlar bunu hümanist ve serif yazı tiplerinin okuma ritmine bağlar. Örnek sayfada çizgiler eşittir, a iki katlıdır ve büyük R düz, çapraz bir bacağın üzerinde durur. Roboto, Temmuz 2020'den beri iki eksenli bir değişken fonttur: ağırlık 100'den 900'e, genişlik 75'ten 100'e; dar uç, önceki Roboto Condensed ile eşleşir. Dik ve italik için dokuz adlandırılmış ağırlık gelir, toplam 18 stil. 1.326 glifi Latin, Kiril, Yunan ve Vietnamca kümelerini kapsar. Kaynak bilgileri Christian Robertson, ParaType ve Font Bureau'yu anar; lisans SIL Open Font License 1.1'dir.

Roboto nerede işe yarar

Uygulama ve web arayüzleri

İtalikli dokuz ağırlık, Thin görüntü rakamlarından Bold düğmelere kadar arayüzün her düzeyini karşılar.

Yoğun tablolar ve yan paneller

Genişlik ekseni 75'e kadar daralır; aynı ailede kalarak bir sütuna daha fazla karakter sığdırır.

Gövde metni

Harfler doğal genişliklerini korur; resmî notlar paragraflarda daha doğal bir okuma ritmini buna bağlar.

Birden çok yazı sisteminde ürünler

Latin, Kiril, Yunan ve Vietnamca kümeleri, tek bir ailenin birçok dil sürümüne hizmet etmesini sağlar.

Slab ve mono eşlikçiye ihtiyaç duyan sistemler

Resmî notlar Roboto Slab ve Roboto Mono'yu aynı üst ailenin üyeleri olarak sayar: başlıklar ve kod için.

Glifler

Dil desteği

Aile, şu dillerin yazıldığı temel harfleri içerir:

• İngilizce
• Fransızca
• Almanca
• İspanyolca
• Portekizce
• İtalyanca
• Felemenkçe
• İsveççe
• Norveççe
• Danca
• Fince
• İzlandaca
• Katalanca
• Türkçe
• Lehçe
• Çekçe
• Slovakça
• Macarca
• Rumence
• Hırvatça
• Slovence
• Litvanca
• Letonca
• Estonca
• Vietnamca
• Rusça
• Ukraynaca
• Bulgarca
• Yunan

Latin dışında ailede glifi bulunan yazı sistemleri: Kiril, Yunan. Bunlar yazı sistemleri olarak listelenir; o yazılarla yazılan her dil için bir vaat değildir.

Dosyalarda bulunan karakter kümeleri: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. Dil listesi, gerekli harflerin fontta bulunup bulunmadığının denetimidir; her dilde tipografik kalite vaadi değildir.

Lisans

Roboto ile eşleşen fontlar

Öneriler kayıtlardaki basit kurallardan gelir: karşıt bir sınıflandırma ve gövde metnini taşıyacak kadar ağırlık. Bir başlangıç noktasıdır, kesin hüküm değildir.

Roboto fontunu web’de kullan

Aileyi indirin, dosyaları kendi sitenizde barındırın ve CSS ile tanımlayın. Lütfen trendhub.net üzerindeki dosyalara bağlantı vermeyin: buradaki önizleme dosyaları alt kümelerdir ve adresleri değişir.

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Roboto", sans-serif;
}

Ya da resmî kaynaktan yükleyin. Google Fonts, Roboto fontunu şu kodla sunar:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Bilmeniz gerekenler

Genişlik ekseni 75 ile 100 arasında

Tasarımı önceki Roboto Condensed'e doğru daraltır; genişletmez.

İki değişken dosya

Dik ve italik ayrı dosyalardır; her ikisinde de iki eksen vardır.

Sık sorulan sorular

Roboto içeren koleksiyonlar

• Uygulama arayüzleri için temiz sans serif fontlar

  Düğmelerde, menülerde, tablolarda ve ayar ekranlarında net kalan, bir arayüzün ihtiyaç duyduğu ağırlıklara sahip açık lisanslı sans serif font aileleri.

• Altyazı ve video başlıkları için fontlar

  Altyazılar için sade, sağlam sans serif aileleri; küçük boyutta net harfler ve çoğunda geniş dil kapsamı gözetilerek seçildi.

• Genişlik eksenli değişken fontlar

  Ağırlığın yanı sıra harf genişliğinin de ayarlanabildiği değişken aileler: yazıyı sığdırmak için hafif daraltmadan, dardan genişe tam bir aralığa kadar.

• Uyumlu sans, serif ve mono ailelerinden yazı tipi sistemleri

  Birlikte kullanılmak üzere tasarlanmış aileler: oranları, ağırlıkları ve karakteri paylaşan bir sans, bir serif ya da slab ve çoğu zaman bir eş aralıklı font.

• Yunan alfabesini destekleyen fontlar

  Latin harflerinin yanında Yunan glifleri olan açık lisanslı aileler; Yunanca siteler ile matematik, bilim ve klasik filoloji için.

Benzer fontlar

Aynı sınıflandırmadaki diğer aileler, ortak kullanım etiketlerine göre sıralı. Tüm sans serif fontları