Yazı Tipleri ve CSS
CSS, web sayfanızdaki yazı tiplerini ayarlamanın en etkili yoludur. Yazı tipi ailesini, boyutunu, rengini, ağırlığını ve tipografinin diğer özelliklerini denetleyebilirsiniz.
CSS'deki font özellikleri, sayfanızı daha belirgin ve benzersiz hale getirmenin en yaygın yollarından biridir. Metninizin rengini, boyutunu ve hatta yüzünü (yazı tipinin kendisini) CSS yazı tipi özellikleriyle değiştirmek kolaydır.
- renk
- font ailesi
- yazı Boyutu
Yazı tipine göre üç bölüm vardır:
- renk
- Bu, yazı tipinin ekranda görüntülendiği renktir.
- boyut
- Bu, yazı tipinin ekranda ne kadar büyük veya küçük oluşacağını gösterir.
- yüz
- Bu, genellikle gerçek yazı tipi olarak adlandırılan yazı tipi ailesidir.
Yazı Tipi Renkleri
Metnin rengini değiştirmek için CSS renk stili özelliğini kullanmanız yeterlidir. Renk adlarını veya onaltılık kodları kullanabilirsiniz. Web üzerindeki tüm renklerde olduğu gibi, tarayıcıda güvenli renkler kullanmak en iyisidir.
Web sayfalarınızda aşağıdaki stilleri deneyin:
bu yazı kırmızı renktedirbu yazı mavi renktedir
Yazı Tipi Boyutları
Web'deki yazı tipi boyutunu ayarladığınızda, göreceli boyutlarda ayarlayabilirsiniz veya piksel, santimetre veya inç kullanarak çok spesifik olabilirsiniz. Ancak, web sitelerini görüntüleyen herkesin farklı bir çözünürlük, ekran boyutu veya varsayılan yazı tipi ayarına sahip olabileceği web sayfaları için değil, yazdırma için daha doğru yazı tipi boyutları kullanılır. Böylece, standart boyutunuz olarak 15px'i seçerseniz, yazı tipinizin ne kadar büyük veya küçük olduğunu müşterilerinize sunma konusuna hoş bir sürpriz gelmeyebilirsiniz.
Yazı tipi boyutu için ems kullanmanızı öneririm. Ems, sayfanıza kimin baktığı fark etmeksizin sayfanızın erişilebilir durumda kalmasını sağlar ve ems, ekran oluşturma için kullanılır. Piksellerinizi ve baskı oluşturma için puanlarınızı bırakın. Yazı tipi boyutunu değiştirmek için web sayfanıza şu stili ekleyin:
bu yazı 1emdirbu yazı tipi .75embu yazı tipi 1.25em
Yazı tipi yüzleri
Yazı tipinizin yüzü, birçok kişinin "font" yazdıklarında düşündükleri şeydir. İstediğiniz herhangi bir yazı tipi yüzünü bildirebilirsiniz, ancak unutmayın, eğer bu fontun yüklü olmaması durumunda tarayıcınız bir eşleşme bulmaya çalışacaktır bunun için, ve onların sayfaları istediğin gibi görünmeyecek.
Bu sorunu çözmek için, tarayıcının tercih sırasına göre kullanması için virgülle ayrılmış yüz adlarının bir listesini belirtebilirsiniz. Bu yazı tipi yığınları denir. Bir PC'de (Arial gibi) standart bir yazı tipinin Macintosh'ta standart olmayabileceğini unutmayın. Bu nedenle, sayfalarınızı en az fontla bile tasarlanmış gibi göründüğünden emin olmak için sayfalarınızı her zaman en az kurulu bir makineyle (ve tercihen her iki platformda) görüntülemelisiniz.
En sevdiğim font yığınlarımdan biri Bu set bir sans-serif font koleksiyonudur ve cenevre ve arial çok benzer görünmese de, Macintosh ve Windows bilgisayarlarda oldukça standarttır. Sağlam bir yazı tipi kütüphanesine sahip olmayan Unix veya Linux gibi diğer işletim sistemlerinde müşteriler için helvetica ve helv içerir.
bu yazı tipi sans-serifbu yazı tipi serif
