Bu günlerde verilen web yazı tiplerini alıyoruz. Metnimizi neredeyse her yazı tipinde ayarlama seçeneğimiz yoktu. Demek istediğim, yapabilirdik ama sonra iç çekip şöyle der: “Pekala, bu beş kişinin bilgisayarında iyi görünecek. Umarım herkes, Verdana'yı sever! ”
Web yazı tipleri, görüntülenenlere çok fazla ihtiyaç duyulan çeşitlilik getirdi, birkaç tipografi kötüye kullanımı, yazı tipleri yüklendikçe fazladan sayfa ağırlığı ve eğilmemiş veya görünmeyen metinlerin yanıp sönmesi. Şey ... omlet, yumurta kırma, fikri anladın. Gerçekleşmesi gerekiyordu.
Kullanıcılar çok uzun süre boş bir sayfaya bakıyorlarsa, ayrılmaya karar verebilirler.
Özel yazı tipi yüklenene kadar metin görünmez olduğunda, biraz kullanılabilirlik sorunudur. Kullanıcılar çok uzun bir süre boş bir sayfaya (ve çok uzun bir süre milisaniye olabilir) bakarak sıkışmışlarsa, ayrılmaya karar verebilirler. Ve bu yeterince adil. Bu kullanıcı dostu değil.
Birkaç yıl ileri sarın ve yazı tiplerinin yüklenme şeklini kontrol etmek için ilerleme kaydediyoruz. Şimdiye kadar, üçüncü taraf kütüphaneleri ve API'ları ile yaptık. Ama şimdi, sonunda, bu işlevsellik CSS'ye geliyor.
Yazı tipi özelliğini girin. Şu anda yalnızca Opera, Android için Opera ve Chrome'da. (İlk olarak Chrome 49'da deneysel bir özellik olarak tanıtıldı.)
Dört seçenekle birlikte gelir: otomatik , takas , geri dönüş ve isteğe bağlı .
Temel olarak, font-display'i seçerek : otomatik tarayıcıyı şimdi olduğu gibi hareket etmeye bırakacaktır. Özel yazı tipi yüklenene kadar metin görünmez.
takas muhtemelen insanların çoğunun kullanacağıdır. Yazı tipi yüklü değilse, yazı tipi-aile özelliğinde tanımlanan bir sonraki yazı tipi kullanılır. Web yazı tipi yüklendiğinde, değiştirilir. Bu, temel olarak, gösterilmeyen içeriklerin bir anıdır, ancak bu, görünmez içeriğe göre daha kullanıcı dostu olur.
Geri dönüş , ilk iki seçenek arasındaki farkı böler. 100 milisaniye gecikme için metin görünmez olur. Özel yazı tipi o zaman yüklenirse, kullanılır. Aksi takdirde, sıradaki satırdaki sonraki yazı tipi, özel yazı tipi yüklenene kadar geçerli olacaktır.
İsteğe bağlı , geri dönüş gibi çalışır; tarayıcı, kullanıcının bağlantısı çok yavaşsa, özel yazı tipini yüklememeye karar verebilir.
İsteğe bağlı , geri dönüş gibi çalışır; tarayıcı, kullanıcının bağlantısı çok yavaşsa, özel yazı tipini yüklememeye karar verebilir.
Ve işte orada var. declaration. Ekranın yazı tipinin @ font-yüz beyanında kullanılmak üzere tasarlandığına dikkat edin. Bu, şimdilik Typekit veya Google Fonts gibi üçüncü taraf font sağlayıcılarıyla çalışmadığı anlamına gelir. Bununla birlikte, yazı tipi ekranı daha yaygın hale geldiğinde, bu özellik için bir çeşit seçenek uygulayacakları olasıdır.