CSS Font Kullanımı
CSS - Custom Style Sheet en gelişmiş yazılım dillerinden birisidir. CSS ile sınırların algılayamıyacağı derecede farklı görünümler elde edebilirsiniz. Bende bu konu üzerindeki bilgilerimi paylaşmak için bir takım tutorial'lar hazırlıyacam. Css içerisinde font kullanımı ve geçerli kullanım opsiyonlarını aşağıda bulabilirsiniz.
Renk :
CSS içerisinde 3 farklı yöntem ile renk kodu kullanabilirsiniz. Bunlar renk ismi , renk hexadecimal kodu ve rgb renk kodu olabilir. Kullanım şekilleri aşağıdaki gibidir.
Font Ailesi
Font ailelerini iki ana kategoriye ayırabiliriz : serif ve san serif . Font kullanımında dikkat edilmesi gereken ana nokta fontların kullanımı olmalıdır. Buna bakarsak san serif font ailelerininin daha kolay okunabilir olduğu ortaya çıkmıştır.
Font Boyutu
Kullandığınız fontların boyutunu üç farklı yöntem ile kullanabilirsiniz. Bunlar yüzde , font değeri veya kilit terimler olabilir. Font değeri kullandığınız zaman zoom kullanıcının zoom yapma imkanı tanırsınız. Yüzde kullandığınız zaman ise ana font değerini değiştirmeden ana font değerini değiştirebilirsiniz.
Font Stili
Font stili kullanarak kullandığınız fonta yazım stili ekleyebilirsiniz. Kullanılabilen terimler : italic , oblique , normal
Font Ağırlığı
Kullandığınız fontun kalınlığını yani ağırlığını aşağıdaki bu şekilde değiştirebilirsiniz. bunu kullanmanın iki yöntemi vardır. Birincisi 100 ve katları ikincisi ise değerlerdir. 100 ve katları kullanırken 100 en ince olmak koşuluyla 900 e kadar değer kullanabilirsiniz. Değer olarak ise bold , bolder ve normal kullanabilirsiniz.
Font Varyasyonu
Bunu kullanarak fontta kullanılan fonttaki karakterlerin tamamını büyük veya küçük formatına çevirebilirsiniz.
Renk :
CSS içerisinde 3 farklı yöntem ile renk kodu kullanabilirsiniz. Bunlar renk ismi , renk hexadecimal kodu ve rgb renk kodu olabilir. Kullanım şekilleri aşağıdaki gibidir.
HTML Kod:
h1
{
color: black;
}
h2
{
color: #FF0000;
}
h3
{
color: rgb(0, 220, 98);
} Font Ailesi
Font ailelerini iki ana kategoriye ayırabiliriz : serif ve san serif . Font kullanımında dikkat edilmesi gereken ana nokta fontların kullanımı olmalıdır. Buna bakarsak san serif font ailelerininin daha kolay okunabilir olduğu ortaya çıkmıştır.
HTML Kod:
h1
{
font-family: sans-serif;
}
h2
{
font-family: serif;
}
h3
{
font-family: arial;
} Font Boyutu
Kullandığınız fontların boyutunu üç farklı yöntem ile kullanabilirsiniz. Bunlar yüzde , font değeri veya kilit terimler olabilir. Font değeri kullandığınız zaman zoom kullanıcının zoom yapma imkanı tanırsınız. Yüzde kullandığınız zaman ise ana font değerini değiştirmeden ana font değerini değiştirebilirsiniz.
HTML Kod:
p
{
font-size: 120%;
}
ol
{
font-size: 10px;
}
ul
{
font-size: x-large;
} Alıntı: Kullanılabilen Kilit Terimler
xx-large, x-large, large, medium, small, x-small ve xx-small
Font Stili
Font stili kullanarak kullandığınız fonta yazım stili ekleyebilirsiniz. Kullanılabilen terimler : italic , oblique , normal
HTML Kod:
p
{
font-style: italic;
}
h1
{
font-style: oblique;
} Font Ağırlığı
Kullandığınız fontun kalınlığını yani ağırlığını aşağıdaki bu şekilde değiştirebilirsiniz. bunu kullanmanın iki yöntemi vardır. Birincisi 100 ve katları ikincisi ise değerlerdir. 100 ve katları kullanırken 100 en ince olmak koşuluyla 900 e kadar değer kullanabilirsiniz. Değer olarak ise bold , bolder ve normal kullanabilirsiniz.
HTML Kod:
p
{
font-weight: 100;
}
h1
{
font-weight: bolder;
} Font Varyasyonu
Bunu kullanarak fontta kullanılan fonttaki karakterlerin tamamını büyük veya küçük formatına çevirebilirsiniz.
HTML Kod:
p
{
font-variant: small-caps;
}
Toplam Trackbacks 0
Trackbacks
Lizard King ait Blog Başlıkları
- Kaliteli Spor Basını (20-06-2008)
- Ayyaş'a Bir Ödül Daha (04-06-2008)
- Bosphorus (28-05-2008)
- Küçük Emrah Ruhu (13-05-2008)
- Lakers - Jazz (05-05-2008)
