Web sitenizde kullanılabilecek genel yazı tipi sınıflandırmaları
Bir web sitesi tasarlarken, üzerinde çalışacağınız bir sayfanın temel öğelerinden biri metin içeriğidir. Bu şekilde, bir web sayfası oluşturduğunuzda ve CSS ile stil oluşturduğunuzda, bu çabanın büyük bir kısmı sitenin tipografisi etrafında merkezlenecektir.
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üketilmesi kolay bir okuma deneyimi yaratarak bir sitenin daha başarılı olmasına yardımcı olur. Türüyle çalışma konusundaki ç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'yi kullanmak olacaktır. Bu, " font-stack " denen şeyin kullanılmasıyla yapılır.
Font-Yığınlar
Bir web sayfasında kullanılacak bir yazı tipi belirttiğinizde, yazı tipi seçiminizin bulunamaması durumunda geri dönüş seçeneklerini de içermek en iyi uygulamadır. Bu geri dönüş seçenekleri "font yığını" nda sunulur. Tarayıcı, yığında listelenen ilk yazı tipini bulamazsa, diğerine geçer. Bu işlemi, kullanabileceği bir font bulana kadar ya da seçimler bittiğinde (bu durumda sadece istediği sistem yazı tipini seçer) sürdürür. "Gövde" öğesine uygulandığında yazı tipi yığınının CSS'de nasıl görüneceğine dair bir örnek:
vücut {font-aile: Gürcistan, "Times New Roman", serif; }Önce Gürcistan fontunu belirlediğimize dikkat edin. Varsayılan olarak, sayfanın kullanacağı şey budur, ancak bu yazı tipi bir nedenle kullanılamıyorsa, sayfa Times New Roman'a geri döner. Çok kelime adı olduğundan, bu yazı tipi adını çift tırnak içine aldık. Gürcistan veya Arial gibi tek kelimeli yazı tipi isimleri tırnak işaretleri gerektirmez, ancak çok kelime yazı tipi adının onlara ihtiyacı vardır, böylece tarayıcı tüm bu sözcüklerin yazı tipi adını oluşturduğunu bilir.
Yazı tipi yığınının sonuna bakarsanız, "serif" kelimesiyle bitirdiğimizi fark etmelisiniz. Bu genel bir font aile adıdır. Bir kişinin bilgisayarında Gürcistan veya Times New Roman'a sahip olmaması ihtimaline karşın, site bulabildiği serif yazı tipini kullanacaktır. Bu, sitenin istediği yazı tipine geri dönmesine izin vermek için tercih edilir, çünkü en azından, bir sitenin tasarımının genel görünümünün ve tonunun olabildiğince sağlam olması için hangi yazı tipinin kullanılacağını söyleyebilirsiniz. Evet, tarayıcı sizin için bir yazı tipi seçecek, ancak en azından rehberlik sağlıyorsunuz, bu nedenle tasarımda en iyi yazı tipinin ne işe yaradığını biliyor.
Genel Yazı Ailesi Aileleri
CSS'de bulunan genel yazı tipi adı:
- el yazısı
- fantezi
- tek aralıklı
- serif
- sans Serif
Web tasarımında ve tipografide, slab-serif, blackletter, display, grunge ve daha fazlası dahil olmak üzere birçok başka yazı tipi sınıflandırması olsa da, yukarıda listelenen genel yazı tipi adları, CSS'deki bir font yığınında kullanabileceğinizlerdir. Bu yazı tipi sınıflandırmalarındaki farklar nelerdir? Hadi bir bakalım!
Cursive fontlar genellikle el yazısıyla yazılmış metinleri çoğaltmak için kullanılan ince, süslü mektup formlarına sahiptir. Bu fontlar, ince, çiçekli harfleri nedeniyle, gövde kopyası gibi geniş bir içerik bloğu için uygun değildir. Cursive fontlar genellikle daha büyük font boyutlarında gösterilebilen başlıklar ve daha kısa metin ihtiyaçları için kullanılır.
Fantezi fontlar, gerçekten başka bir kategoriye girmeyen bir şekilde çılgın fontlardır. Harry Potter veya Geleceğe Dönüş filmlerinden gelen mektup formları gibi iyi bilinen logoları çoğaltan fontlar bu kategoriye girer. Bir kez daha, bu yazı tipleri vücut içeriği için uygun değildir, çünkü bu yazı tiplerinde yazılmış daha uzun metin okumalarının yapılması çok zor olduğu için genellikle stilize edilirler.
Monospace fontlar, eski bir daktiloda bulduğunuz gibi tüm mektup formlarının eşit boyutta ve aralıklarla yerleştirildiği fontlardır. Boyutlarına bağlı olarak değişken genişliklere sahip olan diğer yazı tiplerinden farklı olarak (örneğin, bir büyük "W" küçük harf "i" den çok daha fazla yer kaplar), tek boşluklu yazı tipleri tüm karakterler için sabit genişliktedir. Bu yazı tipleri genellikle bir sayfada görüntülendiğinde kullanılır; çünkü bu sayfada diğer metinden farklı bir şekilde farklı görünürler.
Serif yazı tipleri daha popüler sınıflandırmalardan biridir. Bunlar, mektup formları üzerinde fazladan küçük harfler olan fontlardır. Bu ekstra parçalara "serifs" denir. Yaygın serif yazı tipleri Gürcistan ve Times New Roman'dır. Serif yazı tipleri, uzun metin ve gövde kopyası geçişlerinin yanı sıra başlık gibi büyük metinler için de kullanılabilir.
Sans-serif , bakacağımız son sınıflandırmadır. Bunlar yukarıda sözü edilen ligatüre sahip olmayan fontlardır. İsim "serifsiz" anlamına gelir. Bu kategorideki popüler fontlar Arial veya Helvetica'dır. Seriflere benzer olarak, sans-serif fontları, başlıkların yanı sıra vücut içeriğinde de eşit olarak kullanılabilir.
Jennifer Krynin tarafından yazılmış orijinal makale. 10/16/17 tarihinde Jeremy Girard tarafından düzenlenmiştir