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

Bir arayüz, yazı tipinden bir başlığın istediğinden fazlasını ister. Metinlerin çoğu kısa ve küçüktür: 12 ya da 13 piksellik etiketler, tablo hücreleri, bir alanın altındaki yardımcı satırlar. Bu boyutlarda önemli olan, a, e ve s gibi harflerdeki açık ağızlar, cömert bir x yüksekliği ve birbirinden kolay ayırt edilen rakamlardır. Bir parola alanında büyük I, küçük l ve 1 rakamı birbirine benzememelidir.

Ağırlık aralığı da neredeyse bu kadar önemlidir. Bir ürün genellikle akan metin için bir regular, düğmeler için bir medium ya da semibold, vurgu için de bir bold ister; hepsi bir bakışta fark edilecek kadar birbirinden ayrı olmalıdır. Değişken ağırlık eksenli aileler, en yakın adlandırılmış stile razı olmak yerine tam adımı seçmenize izin verir. İtalikler arayüzlerde makalelerdekinden daha az önemlidir; bu yüzden burada yalnızca dik stilli birkaç aile var ve öyle işaretlendi. Ürününüz birden çok dilde yayımlanıyorsa karar vermeden önce her ailenin yanında belirtilen alfabe kapsamına bakın.

How these were chosen: Arayüzler için etiketlenmiş, en az dört ağırlık sunan sans serif aileleri; her ailenin notu, kaydında italikler, eksenler ve alfabeler için neyin listelendiğini söyler.

## Fonts (18)

- [Inter](https://trendhub.net/tr/fonts/inter.markdown) (Sans Serif, 18 stil · değişken, OFL): Ekranlar için çizilmiş; dokuz ağırlığı, italikleri ve harfleri küçük ve büyük boyutlar arasında ayarlayan bir optik boyut ekseni var.
- [Roboto](https://trendhub.net/tr/fonts/roboto.markdown) (Sans Serif, 18 stil · değişken, OFL): İtalikli dokuz ağırlık ve bir genişlik ekseni; tek aile yoğun tabloları, gövde metnini ve büyük başlıkları karşılar.
- [Figtree](https://trendhub.net/tr/fonts/figtree.markdown) (Sans Serif, 14 stil · değişken, OFL): Web ve mobil uygulamalar için yapılmış: tek değişken eksende Light'tan Black'e yedi ağırlık ve italikler.
- [DM Sans](https://trendhub.net/tr/fonts/dm-sans.markdown) (Sans Serif, 18 stil · değişken, OFL): Düşük kontrastlı geometrik harfler ve 9'dan 40'a bir optik boyut ekseni; hem etiketler hem başlıklar için.
- [Plus Jakarta Sans](https://trendhub.net/tr/fonts/plus-jakarta-sans.markdown) (Sans Serif, 14 stil · değişken, OFL): Açık karınlar ve biraz uzun küçük harfler küçük etiketleri okunur tutar; ExtraLight'tan ExtraBold'a italikli yedi ağırlık.
- [Manrope](https://trendhub.net/tr/fonts/manrope.markdown) (Sans Serif, 7 stil · değişken, OFL): ExtraLight'tan ExtraBold'a değişken ağırlık ekseni; çok dilli ürünler için Kiril ve Yunan alfabesi; yalnızca dik stiller.
- [IBM Plex Sans](https://trendhub.net/tr/fonts/ibm-plex-sans.markdown) (Sans Serif, 14 stil · değişken, OFL): İtalikli yedi ağırlık ve kompakt paneller için harfleri daraltan bir genişlik ekseni.
- [Source Sans 3](https://trendhub.net/tr/fonts/source-sans-3.markdown) (Sans Serif, 16 stil · değişken, OFL): Arayüz sans'ı olarak tasarlanmış: ExtraLight'tan Black'e italikli sekiz ağırlık, Kiril ve Yunan alfabesi.
- [Work Sans](https://trendhub.net/tr/fonts/work-sans.markdown) (Sans Serif, 18 stil · değişken, OFL): Ekran metninde 14 ila 48 piksel için ayarlanmış; italikli dokuz değişken ağırlık.
- [Ubuntu](https://trendhub.net/tr/fonts/ubuntu.markdown) (Sans Serif, 8 stil, UFL): Masaüstü arayüzü için yapılmış ve ekranlar için elle hint'lenmiş; italikli dört ağırlık.
- [Nunito Sans](https://trendhub.net/tr/fonts/nunito-sans.markdown) (Sans Serif, 16 stil · değişken, OFL): Optik boyut ve küçük harf yüksekliği dahil dört değişken eksen, aileyi değiştirmeden yoğunluğu ayarlamanızı sağlar.
- [Geist](https://trendhub.net/tr/fonts/geist.markdown) (Sans Serif, 18 stil · değişken, OFL): Uzun küçük harfler ve Black ağırlıkta bile açık kalan karınlar, ağır etiketler net okunur; Kirilce destekli, italikli dokuz ağırlık.
- [Public Sans](https://trendhub.net/tr/fonts/public-sans.markdown) (Sans Serif, 18 stil · değişken, OFL): Bir kamu tasarım sistemi için yapılmış nötr bir sans; italikli dokuz değişken ağırlık.
- [Onest](https://trendhub.net/tr/fonts/onest.markdown) (Sans Serif, 9 stil · değişken, OFL): Geometrik ile hümanist arasında duran harfler, küçük gezinme metinlerinde birbirinden ayrı kalacak şekilde tasarlanmış; Thin'den Black'e Kiril destekli, yalnızca dik stiller.
- [Albert Sans](https://trendhub.net/tr/fonts/albert-sans.markdown) (Sans Serif, 18 stil · değişken, OFL): Neredeyse daire biçimli karınlar ve hemen hemen eşit kalınlıkta çizgiler, italikli dokuz ağırlıkta; yalnızca Latin, Türkçe ve Lehçe harflerin tamamıyla.
- [Be Vietnam Pro](https://trendhub.net/tr/fonts/be-vietnam-pro.markdown) (Sans Serif, 18 stil, OFL): Teknoloji ürünlerine yönelik, Vietnamca aksanlar öncelikle çizilmiş; statik dosyalar olarak italikli dokuz ağırlık.
- [Hanken Grotesk](https://trendhub.net/tr/fonts/hanken-grotesk.markdown) (Sans Serif, 18 stil · değişken, OFL): Tabelalar, kitaplar ve arayüzler için ayarlanmış, italikli dokuz değişken ağırlık.
- [Wix Madefor Text](https://trendhub.net/tr/fonts/wix-madefor-text.markdown) (Sans Serif, 10 stil · değişken, OFL): Arayüzler için tasarlanmış bir ürün yazı sisteminin metin kesimi: italikli beş kalınlık ve Kiril desteği.

## FAQs

### Bu fontları ticari bir uygulamanın içinde dağıtabilir miyim?

Buradaki her aile açık bir lisans taşır; çoğunlukla SIL Open Font License, yani ticari ürünlerde kullanıma ve uygulamalara gömmeye izin verir. Lisans metni her indirmeyle birlikte gelir; kesin şartlar için seçtiğiniz ailenin sayfasını okuyun.

### Bir arayüz değişken font mu yoksa statik dosyalar mı kullanmalı?

Değişken bir dosya tüm ağırlıkları tek indirmede verir ve ara değerleri ayarlamanıza izin verir; bir tasarım sistemi 450 ya da 550 isterse bu işe yarar. Yalnızca iki üç ağırlık kullanıyorsanız statik dosyalar hâlâ sağlam bir seçimdir.

### Arayüz metni için italik gerekir mi?

Nadiren. Arayüzler vurgu için ağırlığa ve renge yaslanır. İtalikler, ürün aynı yazı tipi ailesi içinde makale ya da dokümantasyon gibi uzun içerik gösterdiğinde işe yarar.

### Bir arayüz sans fontunu kod fontuyla nasıl eşleştiririm?

Burada listelenen birkaç ailenin aynı oranlarla çizilmiş eş aralıklı bir kardeşi var. Kardeşi kullanmak, düz yazıyla kod arasında yükseklikleri ve çizgi kalınlığını tutarlı tutar.

## Related collections

- [Grotesk sans serif fontlar](https://trendhub.net/tr/fonts/for/grotesque-sans-serif-fonts.markdown)
- [Okunaklı metin için humanist sans serif fontlar](https://trendhub.net/tr/fonts/for/humanist-sans-serif-fonts.markdown)
- [Tablolar ve sıkışık düzenler için dar sans serif fontlar](https://trendhub.net/tr/fonts/for/narrow-fonts-for-tight-layouts.markdown)
- [Kodlama için eş aralıklı fontlar](https://trendhub.net/tr/fonts/for/monospace-fonts-for-coding.markdown)
- [Optik boyut eksenli değişken fontlar](https://trendhub.net/tr/fonts/for/variable-fonts-with-optical-size.markdown)
- [Teknoloji ve oyun arayüzleri için köşeli sans serif fontlar](https://trendhub.net/tr/fonts/for/tech-and-game-interface-fonts.markdown)

---

Source: https://trendhub.net/tr/fonts/for/app-interface-fonts (trendhub)
