Tipografik tasarım, web sitesi tasarımında önemli bir rol oynar. İyi düzenlenmiş ve biçimlendirilmiş metin içeriği, hem keyifli hem de tüketmesi kolay bir okuma deneyimi yaratarak bir sitenin daha başarılı olmasına yardımcı olur. Yazıyla çalışma çabalarınızın bir kısmı, tasarımınız için doğru yazı tiplerini seçmek ve ardından bu yazı tiplerini ve yazı tipi stillerini sayfanın ekranına eklemek için CSS kullanmak olacaktır. Bu, a denilen şey kullanılarak yapılır. yazı tipi yığını.
Yazı Tipi Yığınları
Sen ne zaman bir yazı tipi belirt Bir web sayfasında kullanmak için, yazı tipi seçiminizin bulunamaması durumunda geri dönüş seçeneklerini de dahil etmek en iyi uygulamadır. Bu geri dönüş seçenekleri, yazı tipi yığını. Tarayıcı yığında listelenen ilk yazı tipini bulamazsa, bir sonrakine geçer. Kullanabileceği bir yazı tipi bulana kadar veya seçenekleri bitene kadar bu işleme devam eder (bu durumda istediği herhangi bir sistem yazı tipini seçer). Bir yazı tipi yığınının "gövde" öğesine uygulandığında CSS'de nasıl görüneceğine dair bir örnek:
vücut {
yazı tipi ailesi: Georgia, "Times New Roman", serif;
}
Önce Georgia yazı tipi görünür, bu nedenle varsayılan olarak sayfanın kullanacağı şey budur, ancak bu yazı tipi herhangi bir nedenle mevcut değilse, sayfa Times New Roman'a geri döner.
içine al Times New Roman çok kelimeli bir isim olduğu için çift tırnak içinde. Georgia veya Arial gibi tek kelimelik yazı tipi adları tırnak işaretleri gerektirmez, ancak gömülü boşluklara sahip çok kelimeli yazı tipi adı bunlara ihtiyaç duyar, böylece tarayıcı tüm bu kelimelerin yazı tipi adını oluşturduğunu bilir.
Yazı tipi yığını kelime ile biter serif. Bu, genel bir yazı tipi ailesi adıdır. Muhtemel olmayan bir durumda, bir kişinin Gürcistan'a sahip olmaması veya Times New Roman bilgisayarlarında, site bulabildiği herhangi bir serif yazı tipini kullanırdı. Tarayıcı sizin için bir yazı tipi seçecektir, ancak en azından tasarımda en iyi hangi yazı tipinin işe yarayacağını bilmesi için rehberlik sağlarsınız.
Genel Yazı Tipi Aileleri
CSS'de bulunan genel yazı tipi adı şunlardır:
- bitişik el yazısı
- fantezi
- monospace
- serif
- sans Serif
Web tasarımında ve tipografide slab-serif dahil olmak üzere birçok yazı tipi sınıflandırması mevcut olsa da, blackletter, display, grunge ve daha fazlası, bu beş genel font adı, bir font yığınında kullanacağınız adlardır. CSS'de.
- el yazısı fontları — genellikle, süslü el yazısı metinleri kopyalaması amaçlanan ince, süslü harf biçimlerine sahiptir. Bu yazı tipleri, ince, çiçekli harfleri nedeniyle, gövde kopyası gibi büyük bir içerik bloğu için uygun değildir. Cursive fontlar genellikle başlıklar ve daha büyük font boyutlarında görüntülenebilen daha kısa metin ihtiyaçları için kullanılır.
- Fantezi yazı tipleri - gerçekten başka bir kategoriye girmeyen biraz çılgın yazı tipleri. Harf biçimleri gibi iyi bilinen logoları kopyalayan yazı tipleri harry potter veya Geleceğe Dönüş filmler bu kategoriye girer. Bu fontlar gövde içeriği için uygun değildir, çünkü genellikle o kadar stilizedirler ki, bu fontlarla yazılmış metnin daha uzun bölümlerini okumak çok zordur.
- Tek aralıklı yazı tipleri — eski bir daktiloda bulacağınız gibi eşit büyüklükte ve aralıklı harf biçimlerine sahiptir. Harflerin boyutlarına bağlı olarak değişken genişlikleri olan diğer yazı tiplerinin aksine (örneğin, büyük harf W küçük harften çok daha fazla yer kaplar ben), tek aralıklı yazı tipleri tüm karakterler için sabit bir genişlik kullanır. Bu yazı tipleri, o sayfadaki diğer metinlerden belirgin şekilde farklı göründükleri için genellikle kod okumaları için kullanılır.
- Serif yazı tipleri — harf formlarında fazladan küçük harfler kullanın. Bu ekstra parçalara denir serifler. Yaygın serif yazı tipleri Georgia ve Times New Roman'dır. Serif yazı tipleri, başlık gibi büyük metinlerin yanı sıra uzun metin pasajları ve gövde kopyası için harika çalışır.
- Sans Serifyazı tipleri - bitişik harfler yok. isim şu anlama gelir serifsiz. Bu kategorideki popüler yazı tipleri Arial veya Helvetica'dır. Seriflere benzer şekilde, sans-serif yazı tipleri başlıklarda olduğu kadar gövde içeriğinde de eşit derecede iyi performans gösterir, ancak bazıları uzmanlar, küçük noktalarda okunması daha zor olduğu için büyük metin bloklarının sans-serif yazı tiplerinden kaçınmasını tercih ediyor boyutlar.