CSS ile Web sayfanızın yazı tipi boyutunu kolayca değiştirin.
Resim Kredisi: Ableimages/Photodisc/Getty Images
HTML'nin stil dili olan Cascading Style Sheets'in font-size özelliğini kullanarak Web sayfanızın yazı tipi boyutunu kontrol edebilirsiniz. HTML 5 ile başlayarak, font stiline CSS yaklaşımı, eski "font" etiketinin yerini alır. Yazı tipi etiketi HTML 4 biçimli Web sayfalarınız için geçerli olsa da, artık HTML 5'te geçerli bir etiket olarak desteklenmemektedir.
Yazı Tipi Boyutunu CSS ile Tanımlama
Yazı tipi boyutları, Web sayfanızda "font-size" CSS özniteliği kullanılarak ayarlanır. Yazı tipi boyutları tipik olarak şu şekilde tanımlanır: tipografik ölçü "em", burada 1.0 geçerli yazı tipi boyutu veya yüzdeler, burada yüzde 100 geçerli yazı tipidir boy. Ayrıca "smaller", "larger", "small" ve "xx-large" gibi önceden ayarlanmış değer adlarını da kullanabilirsiniz. Boyutu tanımlarken piksel veya nokta cinsinden geçerlidir, metniniz belirli durumlarda doğru ölçeklenmeyebileceğinden önerilmez. koşullar.
Günün Videosu
Web sayfanızın gövdesindeki hemen hemen tüm HTML etiketlerinde stilleri kullanabilirsiniz. CSS yazı tipi boyutu özniteliği istediğiniz boyuta ayarlanmış olarak etikete bir "stil" özniteliği ekleyin. Stil, etiketin başı ve sonu arasındaki metni etkiler -- örneğin:
Bu metin normalden daha büyük.
Bu metin daha küçüktür.
Bu metin de daha küçüktür.
Stil Sayfanızda CSS Kullanmak
Web sayfanızda, sayfanızın Head bölümüne katıştırılmış veya ayrı bir dosyada tanımlanmış bir CSS stil sayfası varsa, yazı tipi boyutunu buradan değiştirebilirsiniz. Stil sayfaları, Web sayfanızda genel değişiklikler yapmak için kullanışlıdır. Değiştirmek istediğiniz bildirimi bulun veya ekleyin ve yazı tipi boyutu kodunu ekleyin. Örneğin, tüm paragraf etiketleri için yazı tipi boyutunu büyütmek için şunu kullanın:
p { yazı tipi boyutu: %125; }
