Ekranda uzun okuma için serif fontlar
Ekranlar ya da uzun okuma için çizilmiş metin serif'leri: makaleler, bloglar ve dokümantasyon için büyük x yüksekliği, orta kontrast ve gerçek italikler.
Chapter One
Ekranda birkaç bin sözcük okumak, bir başlığa göz atmaktan farklı bir sınamadır. Yazı tipi görünmez olmalıdır ve ekranlarda bu, ölçülebilir birkaç şeye bağlıdır. Büyük bir x yüksekliği, aynı punto boyutunda küçük harfleri daha büyük gösterir; bu 16 ila 18 pikselde önemlidir. Orta çizgi kontrastı, ince kısımların düşük yoğunluklu ekranlarda titremesini ya da kaybolmasını önler; baskı serif'lerinin olduğu gibi web'e taşınınca yaşadığı olağan sorun budur. Sağlam serifler ve açık karınlar benzer harfleri birbirinden ayrı tutar.
Harf biçimlerinin ötesinde ailenin neler içerdiğine bakın. Uzun metin, başlıklar ve vurgu için gerçek bir italik ve regular'dan belirgin biçimde koyu bir bold ister. Bu grupta optik boyut ekseni gerçek bir avantajdır: küçük boyutlarda ince çizgileri kalınlaştırır ve aralığı açar, başlıklarda tasarımı keskinleştirir; hepsi tek font dosyasında. Ağırlık eksenli aileler regular'ı biraz ayarlamanıza izin verir; koyu zeminde açık renk metinde bu işe yarar. Satır uzunluğunu satır başına yaklaşık 60 ila 75 karaktere, satır yüksekliğini de 1,5 civarına ayarlayın.
-
Merriweather
Çok büyük x yüksekliğine sahip bir ekran metin serif'i; ağırlık, genişlik ve optik boyutta değişken.
-
Lora
Fırçalanmış eğrilere ve sağlam seriflere sahip orta kontrastlı bir metin yüzü, ekranlar için en iyi duruma getirilmiş; italikli dört ağırlık ve Kiril alfabesi.
-
Libre Baskerville
1941 tarihli örneğinden daha uzun x yüksekliği ve daha düşük kontrast; 16 piksellik okuma için ayarlanmış.
-
PT Serif
Kesintisiz okuma için çizilmiş; orta kontrast, sağlam serifler ve oldukça uzun bir küçük harf; italikli Regular ve Bold, Latin ve Kiril alfabesi.
-
Noto Serif
Orta kontrast, sağlam kavisli serifler ve metne yönelik uzun bir küçük harf; Latin, Kiril ve Yunan alfabesi için italikli dokuz ağırlık.
-
Bitter
Ekranlarda rahat okuma için yapılmış bir slab serif, italikli olarak Thin'den Black'e değişken.
-
Source Serif 4
Eşlikçi sans'ın oranlarına ve metin rengine uyacak şekilde yapılmış; 8'den 60'a bir optik boyut ekseni ve italikli sekiz ağırlık.
-
Literata
İlk olarak bir e-kitap uygulamasının yazı tipi olarak yapıldı; sağlam, düşük kontrastlı serifler, 7'den 72'ye optik boyut ekseni.
-
Newsreader
İçerik yoğun ekranlarda uzun, kesintisiz okuma için çizilmiş; 6'dan 72'ye bir optik boyut ekseni ve italikli yedi ağırlık.
-
Spectral
Ekran öncelikli bir metin serifi; italikli ve Kirilce destekli yedi ağırlık.
-
Vollkorn
Koyu, dolgun serifli sağlam bir metin serifi; italikli Regular'dan Black'e değişken.
-
Gelasio
Kesintisiz okuma için çizildi: orta kontrast, yumuşakça yuvarlak uçlar; 400'den 700'e kalınlık ekseninde italikli dört kalınlık.
-
Crimson Pro
Ders kitabı ve editoryal siteler gibi uzun metinler için yapılmış Garalde tarzı serif; italikli sekiz kalınlıkta değişken.
-
Petrona
Büyük x-yüksekliğine sahip, düşük kontrastlı bir metin serifi; italikli dokuz kalınlıkta değişken.
-
Yrsa
Ekranda uzun okuma için bir metin serifi, italikli beş kalınlık.
Örnekler her ailenin temel Latin alt kümesini yükler. Buradaki her aile açık lisans taşır; sayfası koşulları belirtir ve özgün dosyaları sunar.
Ekranda uzun okuma için serif fontlar hakkında sorular
Serif fontlar ekranda okunması daha mı zor?
Güncel ekranlarda değil. Eski tavsiye, düşük çözünürlüklü monitörlerden kalmadır. Büyük x yüksekliğine ve orta kontrasta sahip bir serif, normal metin boyutlarında rahat okunur.
Bir web sitesinde gövde metni kaç piksel olmalı?
Gövde metni için 16 ila 18 pikselle başlayın ve gözle ayarlayın; çünkü büyük x yüksekliğine sahip yüzler nominal boyutundan büyük görünür. Satırları kabaca 60 ila 75 karakterde tutun.
Bu fontları ticari bir sitede ya da e-kitapta kullanabilir miyim?
Evet. Açık lisansları ticari kullanıma ve web sitelerine, uygulamalara, e-kitaplara gömmeye izin verir. Aileyi indirin ve dosyaları kendiniz barındırın.
Optik boyut ekseni metin için ne işe yarar?
Çizimi boyuta göre değiştirir. Küçük boyutlarda çizgiler sağlamlaşır ve aralık açılır; büyük boyutlarda ayrıntılar incelir. Tarayıcı bunu otomatik uygulayabilir.