Font özellikleri sayfalarımızdaki metinlerin font ailesini, kalınlık ayarlarını,boyutunu, büyük-küçük harf olmasını ve stilini değiştirmemizi sağlar. CSS fontlar üzerinde tam hakimolmamızı sağlar.
color
font-family
font-size
font-weight
font-style
font-variant
font
color
color metinlerimizin rengini tanımlamamız için kullanılır.
font-family
Metinlerin kullanılacağı font ailesini belirlemek için kullanılır. Birden fazla fontailesi kullanılacaksa aralarına virgül (,) konur. Genelde son font ailesiolarak soysal font ailesi yazılır. Örnek:
sans-serif; }
Eğer font ismi bir den fazla kelimeden olşuyorsa çift tırnak içine alınır.Örn:
Roman", serif; }
font-size
CSS, Font boyutlandırmaya daha esnek tanımlama yapmamızı olanak sağladı. Mesela 11px değeri HTML'de2 ve 3 değeri arasında bir değer denk geliyor ve HTML font elementi ile birlikte kullanılamıyordu.CSS'de font boyutunu belirlemek için bir çok birim kullanılır. Örn: px, em,pt, in, cm vd. :::css td { font-size :12px; } td { font-size : 150%; } td { font-size : xx-small; } td { font-size : x-large; }
font-weight
Fontun kalınlık incelik durumunu belirler. 100(ince)-900(kalın) arasında bir değer alabildiği gibi bold, bolder ve normal değerlerini de alır.
font-style
Fontun eğik(italiktik) olup olamamasını belirler.
oblique; }
font-variant
Metnin küçü-büyük harf ile gösterilmesini belirler. İki değer alır. normal | small-caps.
Türkçe karakterlerde sorun çıkardığı unutulmamalı
font
Yukardı anlatılan font özelliklerinin hatta ek olrak line-height değerinide tek sefer de tanımlamak için kullanılır. Bir kısaltmadır.
Kaynak:
color
font-family
font-size
font-weight
font-style
font-variant
font
color
color metinlerimizin rengini tanımlamamız için kullanılır.
PHP Kod:
p{ color:#f00; /* kırmızı renk kodu */ }
font-family
Metinlerin kullanılacağı font ailesini belirlemek için kullanılır. Birden fazla fontailesi kullanılacaksa aralarına virgül (,) konur. Genelde son font ailesiolarak soysal font ailesi yazılır. Örnek:
PHP Kod:
p { font-family: Verdana, Arial, Helvetica,
sans-serif; }
Eğer font ismi bir den fazla kelimeden olşuyorsa çift tırnak içine alınır.Örn:
PHP Kod:
h1 { font-family: Georgia, "Times New
Roman", serif; }
font-size
CSS, Font boyutlandırmaya daha esnek tanımlama yapmamızı olanak sağladı. Mesela 11px değeri HTML'de2 ve 3 değeri arasında bir değer denk geliyor ve HTML font elementi ile birlikte kullanılamıyordu.CSS'de font boyutunu belirlemek için bir çok birim kullanılır. Örn: px, em,pt, in, cm vd. :::css td { font-size :12px; } td { font-size : 150%; } td { font-size : xx-small; } td { font-size : x-large; }
font-weight
Fontun kalınlık incelik durumunu belirler. 100(ince)-900(kalın) arasında bir değer alabildiği gibi bold, bolder ve normal değerlerini de alır.
PHP Kod:
p{ font-weight: bolder; }
font-style
Fontun eğik(italiktik) olup olamamasını belirler.
PHP Kod:
p { font-style: italic; } h4{ font-style:
oblique; }
font-variant
Metnin küçü-büyük harf ile gösterilmesini belirler. İki değer alır. normal | small-caps.
PHP Kod:
span { font-variant: small-caps; }
Türkçe karakterlerde sorun çıkardığı unutulmamalı
font
Yukardı anlatılan font özelliklerinin hatta ek olrak line-height değerinide tek sefer de tanımlamak için kullanılır. Bir kısaltmadır.
PHP Kod:
h2 { font: bold italic 200%/1.2 Verdana,
PHP Kod:
Helvetica, Arial, sans-serif; }
Kaynak:
Kod:
http://fatihhayrioglu.com/font-ozellikleri/