Saira

Saira fontunu dene

Ağırlıklar ve stiller

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

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

Saira hakkında

Saira, eğrileri yuvarlatılmış dikdörtgenler gibi çizilmiş bir sans serif yazı tipi sistemi. o, d ve p harflerinin karınları düz kenarlı, çizgi uçları ise düz kesilmiş. Bu, sistemin normal genişlikteki ailesi. Resmî notlara göre 2020'de, ağırlığı 100'den 900'e, genişliği 50'den 125'e uzanan iki eksenli bir değişken font olarak yeniden hazırlandı; böylece tek dosya dar ayarlardan 100 olan varsayılanın üzerindeki geniş ayarlara kadar uzanıyor. Düz ve italik stillerin her birinde Thin'den Black'e dokuz adlandırılmış ağırlık var; bu da 18 stil ediyor. Fontlar Latin, Latin Extended ve Vietnamca karakter kümelerinde 893 glif içeriyor. Saira'yı Hector Gatti tasarladı, Omnibus-Type ekibi geliştirdi. Fontlar SIL Open Font License 1.1 ile lisanslı.

Saira nerede işe yarar

Duyarlı başlıklar

50 ile 125 arasındaki genişlik ekseni, aileyi değiştirmeden başlığı telefonda daraltmanıza, masaüstü ekranda genişletmenize olanak tanır.

Ürün arayüzleri

Köşeli iç boşluklar ve düz çizgi uçları küçük etiketlerde biçimini korur; Medium ve SemiBold ise hiyerarşiyi belirler.

Teknoloji ve motor sporları markaları

Geniş ayarda Black ağırlığıyla dizilen düz kenarlı eğriler, logoya mühendislik ürünü, mekanik bir karakter verir.

Akan metinde vurgu

Thin'den Black'e her ağırlığın italiği olduğundan alt yazılar ve paragraflar aynı aile içinde vurgu taşıyabilir.

Çok dilli ürün sayfaları

Latin Extended ve Vietnamca karakter kümeleri Portekizceden Lehçeye, Vietnamcaya kadar dil sürümlerini kapsar.

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

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

Lisans

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

Saira 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: "Saira";
  src: url("/assets/fonts/Saira-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Saira";
  src: url("/assets/fonts/Saira-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

Ya da resmî kaynaktan yükleyin. Google Fonts, Saira 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=Saira:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Bilmeniz gerekenler

Varsayılan örnek Thin

Ağırlık ekseni varsayılan olarak 100'dür. Adlandırılmış örnekleri yok sayan yazılımlar Thin'i gösterir; bu yüzden ağırlığı açıkça belirleyin, örneğin font-weight: 400.

İki dosyada iki eksen

İndirmede düz stil için bir, italik için bir değişken dosya bulunur. İkisi de hem ağırlık hem genişlik eksenini içerir.

100 genişliği normal genişliktir

100'ün altındaki değerler harfleri 50'ye kadar daraltır, üstündekiler 125'e kadar genişletir.

Sık sorulan sorular

Saira içeren koleksiyonlar

• Teknoloji ve oyun arayüzleri için köşeli sans serif fontlar

  HUD’lar, paneller, espor grafikleri ve donanım havalı markalama için iki ya da daha fazla ağırlıklı, köşeleri kareye yakın sans serif aileleri.

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

Benzer fontlar

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