CSS Yazı Tipleri
Bu sayfada HTML sayfanızda kullandığınız yazıların yazı tipi özelliklerini nasıl değiştirebileceğiniz hakkında bilgi verilecektir.
Yazı tiplerini biçimlendirirken en sık kullandığımız komutlar:
- font-family
- font-size
- font-style
- font-weight
font-family: Yazı Tipi Belirlemek
Yazı tipleri klasörümüzü açtığımızda birçok yazı tipi görürüz. Bunları HTML sayfamızda kullanmak için adını belirtmemiz gerekir. İşte bu kod yazı tipi seçmemizde bize yardımcı olacaktır.CSS Kodu
h1 { font-family: Times New Roman; }
p { font-family: Times New Roman, Arial, Helvatica; }
a { font-family: Sans-serif; }
font-size: Yazının Büyüklüğü (Puntosu)
Yazı büyüklüğünü font-size ile belirtiriz. Ölçü birimi olarak aşağıdakileri kullanabiliriz:- % : yüzde olarak belirtmek
- in : inç olarak belirtmek
- cm : santim olarak belirtmek
- mm : milimetre olarak belirtmek
- em : varsayılan yazı büyüklüğüne göre oranlamak
- pt : punto olarak belirtmek
- px : piksel olarak belirtmek
CSS Kodu
h2 { font-size: 12pt; }
CSS Kodu
h2 { font-size: 14px; }
CSS Kodu
h2 { font-size: 1.5em; }
CSS Kodu
h2 { font-size: 150%; }
font-style: İtalik (Sağa Yatık) Yazmak
Yazımızın sağa yatık (italic) olması için aşağıdaki kodu kullanabiliriz.CSS Kodu
h2 { font-style: italic; }
CSS Kodu
h2 { font-style: normal; }
font-weight: Kalın Yazmak
Yazımızın kalın (bold) olmasını istiyorsak aşağıdaki kodu kullanmalıyız.CSS Kodu
h2 { font-weight: bold; }
CSS Kodu
h2 { font-weight: normal; }