Yazıtipi (Font) Özellikleri

Yazıtipi özellikleri sayfalarımızdaki metinlerin yazıtipi ailesini, kalınlık ayarlarını, boyutunu, büyük-küçük harf olmasını ve stilini değiştirmemizi sağlar. CSS yazıtipleri üzerinde tam hâkim olmamızı sağlar.

FONT ÖZELLİKLERİ

Renk (Color) Özelliği

Renk tanımlaması metinlerimizin rengini belirlemek için kullanılır.

Yapısı: color: renk| inherit      //metin rengi 147 renk tanımlanabilir.

P{ color: #f00; /* kırmızı renk kodu */}

Yazıtipi ailesi (font-family)

Metinlerin kullanılacağı yazı tipi ailesini belirlemek için kullanılır. Birden

fazla yazı tipi ailesi kullanılacaksa aralarına virgül (,) koyulur. Birden fazla

yazılmasının nedeni birinci yazı tipi ailesi eğer kullanıcının bilgisayarında

yok ise alternatif bir yazı tipi sunmak. Genelde son yazı tipi ailesi olarak

soysal yazı tipi ailesi yazılır. Eğer yazı tipi ismi bir den fazla kelimeden oluşuyorsa çift tırnak içine alınır.

h1{

font-family: Georgia, "Times New Roman", serif;

}

Yazı tipi boyutu (font-size)

CSS, yazı tipi boyutlandırmada daha esnek tanımlama yapmamızı olanak

sağlar. CSS’de yazı tipi boyutunu belirlemek için birçok birim kullanılır.

Örn: px, em, pt, in, cm kullanılabilir.

td.normal{font-size : 12px;}

td.buyuk {font-size : 120%;}

td.kucuk {font-size : xx-small;}

td.enbuyuk {font-size : x-large;}

Yazı tipi kalınlığı (font-weight)

Yazı tipinin kalınlık incelik durumunu belirler. 100(ince)-900(kalın)

arasında bir değer alabildiği gibi kalın (bold), çok kalın (bolder) ve normal değerlerini de alır.

font-weight: <değer>

Aldığı Değerler:

normal | bold | bolder | lighter | 100 | 200 …………… 900

p{

font-weight: normal

}