Yazı tipi, web tasarımının ayrılmaz bir parçasıdır ve siteye farklı bir stil kazandırır. Sayfadaki yüksek kaliteli metin uyumlu görünmeli, sitenin diğer öğeleriyle birleştirilmeli ve aynı zamanda daha iyi bir bilgi algısına katkıda bulunmalıdır. HTML işaretlemesini ve CSS basamaklı tablolarını kullanarak, sayfa performansını en üst düzeye çıkarmak için hemen hemen her ayarı özelleştirebilirsiniz.
Gerekli
TTF formatında yazı tipi dosyası
Talimatlar
Aşama 1
Bilgisayarınızda yüklü bir dizi yazı tipini kullanmak için, basamaklı stil sayfalarının yazı tipi ailesi parametresini kullanabilirsiniz. Bunu yapmak için, istenen öğe için aşağıdaki kodu girin:
Metin
Bu komut, Arial yazı tipinde ikinci seviye h2 başlığını gösterecektir.
Adım 2
Kendi yazı tipinizi kullanmak istiyorsanız, önce onu barındırmaya yüklemeli ve uygun komutu kullanarak etkinleştirmelisiniz. TTF dosyaları aşağıdaki komutla birlikte gelir:
Bu durumda font-family özniteliği yazı tipinin adını belirtir ve src: url (font.ttf) TTF dosyasının yolunu belirtir.
Aşama 3
Öğeyi etkinleştirdikten sonra metni görüntülemek için kullanabilirsiniz:
Metin
Bu komut, gerekli yazı tipi yazı tipini ikinci seviye başlığında italik olarak görüntülemekten sorumludur. Kullanıcının tarayıcısı TTF dosyalarının işlenmesini desteklemiyorsa, ilk virgülden sonra belirtilen sistem yazı tipi (bu durumda Verdana) kullanılacaktır.
4. Adım
Bazı tarayıcılar indirilebilir TTF'yi desteklemez. Örneğin, Internet Explorer 8, metni görüntülemek için EOT biçimini kullanır. Bu tür tarayıcılar için, orijinal TTF'yi birden çok hizmet kullanarak dönüştürün ve elde edilen yazı tipini aynı şekilde @ font-face parametresine dahil edin.
Adım 5
İhtiyacınız olan dosyayı başka bir kaynaktan içe aktarmak istiyorsanız, CSS belgesinin en üstüne yazılması gereken @import komutunu kullanın:
@import url'si (https:// font_adresi)
