Font Aileleri

Yukarıdaki isimler genel font ailelerini tanımlarlar. Serif font ailesindeki fontlarda
karakterlerin kenarlarında küçük süslü çıkıntılar vardır. Sans Serif fontlarda
bu çıkıntılar yoktur.

body {font-family: Sans Serif;}

Font isimlerini ise aşaçıdaki gibi belirtebilirsiniz.

body {font-family: Sans Serif, Verdana;}

Font kullanımına güzel bir Örnek verelim. Diyelim ki sayfaların altına imzımızı
atmak istiyoruz. Bunun için bir font belirleyebiliriz.

p.imza {font-family: Author99, ScriptTM, cursive;

text-align: left;}

Bu tanımı yaptıktan sonra HTML içerisinde

<p class="imza">Yazar ismi</p>

buyruçu verildiçinde Yazar ismi” tümcesi belirtilen fontta ve sola bitişik
olarak yazılacaktır.

font-size

Fontun büyüklüçünü belirtir. xx-small, x-small, small, medium, large, xlarge,
xx-large seçenekleri vardır.

<p style="font-size: xx-small;">Bu paragraf xx-small boyutunda </p>

<p style="font-size: x-small;">Bu paragraf x-small boyutunda </p>

<p style="font-size: small;">Bu paragraf small boyutunda </p>

<p style="font-size: medium;">Bu paragraf medium boyutunda </p>

<p style="font-size: large;">Bu paragraf large boyutunda </p>

<p style="font-size: x-large;">Bu paragraf x-large boyutunda </p>

<p style="font-size: xx-large;">Bu paragraf xx-large boyutunda </p>

Okan ATABAĞ

Benzer Yazılar

• CSS İle Radius (Oval) Kenarlar
• CSS ve HTML Arasındaki Fark
• CSS Giriş
• CSS | Hizalama
• CSS | Renkler ve Arkaplanlar
• CSS | Metin İşlemleri
• CSS | Uzunluk Birimleri
• CSS | Birimler
• CSS | Söz Dizilimi
• CSS | Tarayıcıya css tanıtmak