 Yazı fontu ayarlamaları
CSS ile fontların bir çok özelliği ayarlanabilir, font tipi, font büyüklüğü gibi. Bunun için birkaç font özelliğini kullanacağız. font-familyFont tipini belirtmekte kullanılır Arial gibi bir font tipi veya Serif gibi bir font ailesi ismi verilebilir. Ayrıca birkaç font tipi sırasıyla verilebilir. Böylece eğer istenilen font bulunamazsa diğer font kullanılacaktır. Yine bir font ailesi ismi verilerek gerekirse buradan bir font seçilmesi sağlanabilir. Eğer font ismi arasında boşluk varsa tırnak içerisinde yazılmalıdır.
DIV { font-family:"Times new roman",times;}
BODY {font-family:Arial,Helvetica,Sans-serif;} font-sizeFont büyüklüğünü belirtmek için kullanılır. Birkaç şekilde font büyüklüğü belirtilebilir. Bunlar : - Göreceli olarak fontun büyüklüğünü artıran lager, ve font büyüklüğünü bir azaltan smaller.
- Yine font tablosundaki xx-smal, x-small,small,medium,large,x-large,xx-large değerleri iled font büyüklüğü ayarlanabilir. Burada küçükten büyüğe doğru sıralama yapılmıştır.
- Değer olarak font büyüklüğü verilebilir.
- Yüzdelik olarak font büyüklüğü değiştirilebilir.
P {font-size: x-small;}
BODY {font-size:larger;}
.aciklama { font-size:10;}
#baslik { font-size: 200%;}<h4>font-weight</h4>Font ağırlığını/koyuluğunu belirler. Alabileceği değerler 100, 200, 300, 400, 500, 600, 700, 800, 900, bold, bolder ve lighter dir. Burada rakamsal değerler sırasıyla koyuluk en azdan en fazlaya şeklindedir. <strong>bold</strong> değeri <B> tagına eşdeğer bir sonuç verir. <strong>bolder</strong> değeri koyuluğu bir değer artırır, <strong>lighter</strong> değeri koyuluğu bir azaltır. <pre>
H1 {font-weight:800;}
.aciklama { font-weight:bolder;}
#menu { font-weight : bold;} font-styleFontun sitilini belirtir. Alabileceği değer normal, italic ve oblique dir. Normal değerinde font olduğu gibi görünür. italic ve oblique değerleri ise fontu yatık gösterirler.
P { font-style:italic; }
.aciklam { font-style:normal;} font-variantFont ailesinin bir varyasnonunu seçer. İki değer alabilir; normal ve small-caps. İkinci değer font büyüklüğünü azaltır ve büyük harf kipinde yazdırır. fontFont özelliklerinin kısa tanımlanmasını sağlar. Sırasıyla font-style, font-variant, font-weight, font-size/line-height, font-family değerlerini alır. Kullanılmayan özellik için varsayılan değer kullanılır. Font-size ve lin-height değerleri aralarında ( / ) bölü işareti ile birlikte kullanılır. Line-height özelliği ile iki satır arasındaki mesafe belirtilir.
P { font : normal small-caps 500 12/1 serif;}
P { font : italic 400 Arial;}
DIV { font : 12 fantasty;}
 |
Bu içeriğe ait yorumları masaüstüne alabilirsiniz
