css-font

CSS font özellikleri font family, boldness, size, ve bir metnin style tanımlar.
Serif Times New Roman Georgia Serif yazı tipleri bazı karakterlerin uçlarında küçük çizgilerdir
Sans-serif Arial Verdana "Sans", olmadan anlamı - bu fontların karakterlerin sonundaki çizgileri yoktur
Monospace Courier New Lucida Console Tüm eş aralıklı karakterlerin genişliği aynı

Font ailesi
Metnin font ailesi font-family mülkiyetle ayarlanır .
Not : Bir font ailesi adı birden fazla sözcüküyse, tırnak işareti içine alınmalıdır, örneğin: "Times New Roman".
Virgülle ayrılmış bir listede birden fazla font ailesi belirtilmiştir:
p {
font-family: "Times New Roman", Times, serif;
}

Yazı stili
font-style Mülkiyet çoğunlukla italik metnini belirtmek için kullanılır.
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
}

Yazı Boyutu
font-size Mülkiyet metnin boyutunu ayarlar.
<H1> - <h6> başlıklar ve <p> paragraflar için daima uygun HTML etiketlerini kullanın.
Mutlak boyut:
Metni belirli bir boyuta ayarlar
Bir kullanıcının tüm tarayıcılarda metin boyutunu değiştirmesine izin vermiyor (erişilebilirlik nedeniyle kötü)
Mutlak boyut, çıkışın fiziksel boyutu biliniyorsa yararlıdır

Göreli boyut:
Etrafındaki öğelere göre boyutu ayarlar
Bir kullanıcının tarayıcılarda metin boyutunu değiştirmesine izin verir.
Not: Bir yazı tipi boyutu belirtmezseniz, paragraflar gibi normal metin için varsayılan boyut 16 pikseldir (16 piksellik = 1em).
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
p {
font-size: 14px;
}
h1 {
font-size: 2.5em; /* 40px/16=2.5em */
}
İpucu: Piksel kullanıyorsanız, tüm sayfayı yeniden boyutlandırmak için yakınlaştırma aracını kullanabilirsiniz.

Yüzde ve Em kombinasyonunu kullanın
Tüm tarayıcılarda çalışan çözüm, <body> öğesi için yüzde olarak varsayılan yazı tipi boyutunu ayarlamaktır:
body {
font-size: 100%;
}
h1 {
font-size: 2.5em;
}

Yazı tipi ağırlığı
font-weight Tesiste yazı tipinin ağırlığını belirtir:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}

Duyarlı Yazı Boyutu
Metin boyutu vw"görüntü alanı genişliği" anlamına gelen bir birimle ayarlanabilir .
Bu şekilde metin boyutu tarayıcı penceresinin boyutunu izleyecektir:
<h1 style="font-size:10vw">Hello World</h1>

Yazı Tipi Varyantı
font-variantTesiste metin Kısa harfli yazı görüntülenmesi gereken olup olmadığını belirtir.
p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}