Görüntüler web sitelerine geldiğinde aşka ne kadar çok şey alırsa da, arama motorlarına hitap eden ve çoğu sitenin içeriğini taşıyan yazılı sözcüktür. Bu nedenle, tipografik tasarım, web sitesi tasarımının kritik bir parçası. Bir sitenin metninin önemi ile iyi görünmesini ve okunması kolay olduğundan emin olmanız gerekir. Bu CSS (Basamaklı Stil Sayfaları) stiliyle yapılır.
Modern web tasarım standardının ardından, bir web sitesinin metin içeriğinin görünümünü dikte etmek istediğinizde, bunu CSS kullanarak yapacaksınız. Bu, bir sayfanın HTML yapısından CSS stilini ayırır. Örneğin, bir sayfanın yazı tipini "Arial" olarak ayarlamak isterseniz, CSS'nize aşağıdaki stil kuralını ekleyerek bunu yapabilirsiniz (not - bu muhtemelen stilleri destekleyen harici bir CSS stil sayfasında yapılır) Web sitesinde her sayfa için):
vücut {font-aile: Arial; }Bu yazı tipi "gövde" için ayarlanır, böylece CSS çağlayanı stili sayfanın diğer tüm öğelerine uygular. Bunun nedeni, diğer her HTML öğesinin "gövde" öğesinin bir alt öğesi olması, yazı tipi ailesi veya rengi gibi CSS stillerinin üst öğeden alt öğeye kadar kademeli hale gelmesidir. Belirli öğeler için daha spesifik bir stil eklenmediği sürece bu durum geçerli olacaktır. Bu CSS ile ilgili tek sorun, yalnızca tek bir fontun belirtilmesidir. Herhangi bir nedenle bu yazı tipi bulunamazsa, tarayıcı yerine başka bir yerini alacak. Bu kötüdür, çünkü hangi fontun kullanıldığına dair herhangi bir kontrole sahip değilsiniz - tarayıcı sizin için seçecektir ve kullanmayı kararlaştırdığınız şeyden hoşlanmayabilirsiniz! Yazı tipi yığını burada gelir.
Bir yazı tipi yığını, CSS yazı tipi-aile beyanındaki yazı tiplerinin listesidir. Yazı tipleri, yazı tipi yüklenmemiş gibi bir sorun olması durumunda sitede görünmesini istediğiniz tercih sırasına göre listelenir. Bir font yığını, bir bilgisayar için çağrıldığınız ilk yazı tipine sahip olmasa bile, bir tasarımcının web sayfasındaki yazı tiplerinin görünümünü kontrol etmesini sağlar.
Peki bir yazı tipi yığını nasıl görünüyor? İşte bir örnek:
vücut {font-aile: Gürcistan, "Times New Roman", serif; }Burada dikkat edilmesi gereken birkaç şey var.
İlk olarak, farklı yazı tipi adlarını virgülle ayırdığımızı göreceksiniz. Her biri arasında virgülle ayrıldıkları sürece istediğiniz kadar yazı tipi ekleyebilirsiniz. Tarayıcı, önce belirtilen ilk yazı tipini yüklemeye çalışacaktır. Bu başarısız olursa, kullanabileceği bir tane buluncaya kadar her yazı tipini deneyen satırı çalıştıracaktır. Bu örnekte, web güvenli yazı tiplerini kullanıyoruz ve siteyi ziyaret eden kişinin bilgisayarında "Gürcistan" ın bulunması muhtemeldir (not - tarayıcı, sayfada belirtilen yazı tipleri için bilgisayarınızda görünür, bu yüzden site aslında söyler) sisteminizden yükleyeceğiniz bilgisayar. Herhangi bir nedenle fontun bulunamaması durumunda, yığın aşağı doğru hareket eder ve belirtilen bir sonraki yazı tipini dener.
Bir sonraki yazı tipine göre, yığında nasıl yazıldığına dikkat edin. "Times New Roman" ın adı çift tırnak içine alınmıştır. Bunun nedeni, yazı tipi adının birden çok kelimeye sahip olmasıdır. Birden fazla sözcüğe (Trebuchet MS, Courier New, vb.) Sahip tüm fontların isimleri çift tırnak içinde olmalıdır, böylece tarayıcı tüm bu sözcüklerin bir font adının parçası olduğunu bilir.
Son olarak, yazı tipi yığınını genel yazı tipi sınıflandırması olan "serif" ile sonlandırıyoruz. İstenmeyen örnekte, yığında adlandırdığınız yazı tiplerinin hiçbirinin bulunmadığı durumlarda, tarayıcı, en azından seçtiğiniz doğru sınıflandırmaya giren yazı tipini bulur. Örneğin, Arial ve Verdana gibi sans-serif yazı tiplerini kullanıyorsanız, "sans-serif" sınıflandırma ile bir font yığını sonlandırmaktan en azından yazı tipini bir genel sorun varsa, genel ailede tutmaya devam edeceksiniz. Kuşkusuz, bir tarayıcının yığında listelenen yazı tiplerinden herhangi birini bulamaması ve bunun yerine bu genel sınıflandırmayı kullanmak zorunda olması çok nadir olmalıdır, ancak iki katına güvenli olması için bunu eklemek en iyi uygulamadır.
Yazı Tipi Yığınları ve Web Yazı Tipleri
Günümüzde birçok web sitesi, sitede bulunan diğer yazılarla (sitenin görüntüleri, Javascript dosyası vb.) Birlikte bulunan veya Google Yazı Tipi veya Typekit gibi bir site dışı konumuna bağlanan web yazı tiplerini kullanır. Bu yazı tipleri, dosyalara kendileriyle bağlantı kurduğunuzdan yüklenirken, ortaya çıkabilecek sorunlar üzerinde kontrol sahibi olduğunuzdan emin olmak için hala bir yazı tipi yığını kullanmak istersiniz. Aynı şey, birinin bilgisayarında olması gereken "web güvenli" fontlar için de geçerlidir (Arial, Verdana, Gürcistan ve Times New Roman dahil olmak üzere bu makalede örnek olarak kullandığımız fontların, olması gereken tüm web güvenli fontlar olduğunu unutmayın. bir kişinin bilgisayarında). Bir yazı tipinin eksik olması olasılığı çok düşük olsa da, bir font yığını belirtmek, bir sitenin tipografik tasarımını olabildiğince çabuk kurtaracak.
Jennifer Krynin tarafından yazılmış orijinal makale. Jeremy Girard tarafından 8/9/17 tarihinde düzenlenmiştir.