Uyumlu Fontlar (Yazı Tipleri) (g1)
Sitenizin Ziyaretçilerinden Elde Edilen Verileri Optimize Etmek
Bir sitenin görselle birlikte en temel görünüm unsurlarından biri de metindir. Siteyi ziyaret eden kitlenin tasarlanan içeriği sizin tasarladığınız tarzda görebilmesi için uyumlu fontlardan seçmeniz gerekmektedir. Aksi takdirde kullanıcının girdiği tarayıcı o fontu seçmiyorsa sizin tasarımınız o tarayıcıdan giriş yapan kullanıcının ekranında görünmeyecektir.
Web’deki Fontların Kısa Tarihi
Uzun yıllar boyunca, web tasarımcıları çoğu bilgisayarda bulunan birkaç yazı tipini kullanmak zorunda kaldı. Bunlar web uyumlu yazı tipleri olarak biliniyordu. Geçmişte bu terimi bir web tasarımcısı tarafından sitenizin tasarımında neden belirli bir yazı tipinin kullanılamadığını açıklamaya çalışmış olabilirsiniz .
Web tipografisi son birkaç yılda uzun bir yol kat etti ve web tasarımcıları ve geliştiricileri artık birkaç web için güvenli yazı tipiyle sınırlı değil. Web yazı tiplerinin yaygınlaşması ve yazı tipi dosyalarına bağlanma yeteneği, web sitesi yazı tipi kullanımı için yeni bir dünya dünyası açmıştır. Bununla birlikte, bu yazı tipi seçeneklerine erişim kadar kullanışlı olan, denenmiş ve gerçek web güvenli yazı tipleri modern web tasarımında hala önemli bir yere sahiptir.
:max_bytes(150000):strip_icc()/FontPreview-56a7eee03df78cf7729ad841.jpg)
Coyote Moon, Inc.
Web Yazı Tiplerine Bağlama
Çoğu bilgisayarda yüklü olmayan yazı tiplerini kullanmak için, web sitenize harici bir çevrimiçi yazı tipi dosyası kullanmasını isteyin veya yazı tipini site ziyaretçisinin bilgisayarına bakmak yerine sitenizin varlıklarına dahil edin. Bu size neredeyse sınırsız yazı tipi seçenekleri sunar, ancak bu avantajın bir bedeli vardır. Harici yazı tiplerinin bir siteye yüklenmesi gerekir, bu da sitenizin ne kadar hızlı yüklendiğini etkiler.
Bu nedenle, sayfa yükleme süresi dikkate alındığında web uyumlu yazı tipleri iyi bir seçimdir. Bu yazı tipi dosyaları ziyaretçinin bilgisayarında bulunduğundan, web sitesi yüklendiğinde herhangi bir performans isabeti yoktur. Bu nedenle birçok web tasarımcısı, sitelerinin yazı tipi yığınlarında harici web yazı tiplerinin ve güvenilir web güvenli yazı tiplerinin bir karışımını kullanır . Bu yaklaşım, site performansına yönelik şık yazı tiplerinin tasarım yumruklarını sunar.
Sans-Serif Web uyumlu Fontlar
Bu aile, web uyumlu yazı tipleri için en iyi bahislerden biridir. Hemen hemen tüm site ziyaretçileri bunları istediğiniz şekilde görecektir. Bazı yaygın sans-serif web uyumlu yazı tipleri şunlardır:
- Arial
- Arial Siyah
- Tahoma
- Trebuchet MS
- Verdana
Süslemesi olmayan basit, keskin, okunması kolay fontlardır.
:max_bytes(150000):strip_icc()/fonts-sans-serif-arial-56a9f5205f9b58b7d00034dd.png)
Diğer sans-serif seçenekleri iyi bir genel kapsama alanı sunar, ancak bazı bilgisayarlarda eksik olabilir. Yukarıdaki listeden bir tanesini yazı tipi yığınınıza yedek olarak eklemeyi unutmayın.
- Yüzyıl Gotik
- Cenevre
- Lucida
- Lucida Sans
- Lucida Grande
:max_bytes(150000):strip_icc()/fonts-sans-serif-lucida-sans-56a9f6103df78cf772abc545.png)
Serif Web Güvenli Yazı Tipleri
Serif yazı tipi ailesi, web siteleri için bir başka popüler seçimdir. Serif yazı tiplerindeki en güvenli bahislerden bazıları:
- Kurye
- Kurye Yeni
- Gürcistan
- Zamanlar
- Times New Roman
:max_bytes(150000):strip_icc()/courier-9e10c874e5a74ff2a4c3c9b96b2646de.jpg)
Aşağıda, birçok bilgisayara yüklenen, ancak yukarıdaki listeden daha az genel kapsama sahip olan bazı yazı tipleri bulunmaktadır. Bu yazı tiplerini güvenilir bir şekilde kullanabilirsiniz, ancak yazı tipi yığınınıza daha yaygın bir serif yazı tipi (yukarıdaki listeden) eklemeniz gerekir.
- MS Serif
- New York
- Palatino
- Palatino Linotipi
:max_bytes(150000):strip_icc()/Palatino_font_sample-6f631a783e464c9fbfe0bbe589c98ad7.jpg)
Tek aralıklı Fontlar
Serif ve sans-serif yazı tipleri kadar yaygın kullanılmasa da, tek aralıklı yazı tipleri de bir seçenektir. Bunlar eşit aralıklı harfler içerir ve platformlar arasında geniş kabul görmez:
- Kurye
- Kurye Yeni
:max_bytes(150000):strip_icc()/couriernew-715676d86aa149ab9815913872cd08c2.jpg)
Bu yazı tiplerinin de kapsamı vardır:
- Lucida Konsolu
- Monako
:max_bytes(150000):strip_icc()/Lucidaconsole-4bbd3d1ce61c47f98aa7af36d8d63083.jpg)
El Yazısı ve Fantastik Fontları
Cursive ve fantezi yazı tipleri serif veya sans-serif yazı tipleri olarak popüler değildir ve bu yazı tiplerinin süslü doğası, bunları gövde kopyasında uygunsuz hale getirir. Bu yazı tipleri genellikle başlıklarda ve başlıklarda görünür ve kısa metin patlamaları için büyük yazı tipi boyutlarında ayarlanır. Stilistik olarak, bu yazı tipleri harika görünebilir, ancak okunabilirlik web’deki stilden ağır basar.
Windows ve Apple bilgisayarlarda yalnızca bir el yazısı yazı tipi vardır (ancak Linux’ta yoktur): Comic Sans MS. Son zamanlarda tasarımcılar arasında çok fazla alay ile karşılaştı, ancak (çoğunlukla aşırı kullanımı nedeniyle), bu yüzden kaçının.
Akıllı Telefonlar ve Mobil Cihazlar
Eğer varsa mobil cihazlar için sayfaları tasarlamak , sizin web uyumlu yazı tipi seçeneği değişkendir. İPhone, iPod ve iPad cihazları için yaygın yazı tipleri şunları içerir:
- Arial
- Kurye
- Kurye Yeni
- Gürcistan
- Helvetica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Web yazı tipleri, çoklu cihaz tasarımı için mükemmel bir seçimdir. Harici yazı tiplerini yükleyebilmek, cihazdan cihaza daha tutarlı bir görünüm kazandırır. Daha sonra, sitenizin başarılı olması için gereken görünümü ve performansı elde etmek için indirilen bu yazı tiplerini bir veya iki web uyumlu seçimle temperleyebilirsiniz.