Şriftinizi Html-də Necə Qurmaq Olar

Mündəricat:

Şriftinizi Html-də Necə Qurmaq Olar
Şriftinizi Html-də Necə Qurmaq Olar

Video: Şriftinizi Html-də Necə Qurmaq Olar

Video: Şriftinizi Html-də Necə Qurmaq Olar
Video: HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт! 2024, Bilər
Anonim

Şrift sayta fərqli bir üslub bəxş edən veb dizaynının ayrılmaz hissəsidir. Səhifədəki yüksək keyfiyyətli mətn ahəngdar görünməli, saytın qalan elementləri ilə birləşdirilməli və eyni zamanda məlumatların daha yaxşı qəbul edilməsinə kömək etməlidir. HTML işarəsi və CSS kaskad cədvəllərindən istifadə edərək səhifə performansını artırmaq üçün demək olar ki, hər hansı bir ayarı fərdiləşdirə bilərsiniz.

Şriftinizi html-də necə qurmaq olar
Şriftinizi html-də necə qurmaq olar

Zəruri

TTF formatında şrift faylı

Təlimat

Addım 1

Kompüterinizdə quraşdırılmış bir sıra şriftlərdən istifadə etmək üçün, şəlalə tərzi vərəqlərinin şrift ailəsi parametrindən istifadə edə bilərsiniz. Bunu etmək üçün istədiyiniz maddə üçün aşağıdakı kodu daxil edin:

Mətn

Bu əmr Arial yazı tipində ikinci səviyyə h2 başlığını göstərəcəkdir.

Addım 2

Öz şriftinizdən istifadə etmək istəyirsinizsə, əvvəlcə onu xostinqə yükləməlisiniz və müvafiq əmrdən istifadə edərək aktivləşdirməlisiniz. TTF sənədləri aşağıdakı komanda ilə birlikdə verilir:

Bu halda font-family atributu yazı tipinin adını və src: url (font.ttf) TTF sənədinin yolunu təyin edir.

Addım 3

Elementi aktivləşdirdikdən sonra mətni göstərmək üçün istifadə edə bilərsiniz:

Mətn

Bu əmr tələb olunan şrift şriftinin ikinci səviyyə başlığında italiklə göstərilməsindən məsuldur. İstifadəçinin brauzeri TTF sənədlərinin işlənməsini dəstəkləmirsə, ilk vergüldən sonra göstərilən sistem şrifti (bu halda Verdana) istifadə olunacaq.

Addım 4

Bəzi brauzerlər yüklənə bilən TTF-ni dəstəkləmir. Məsələn, Internet Explorer 8 mətni göstərmək üçün EOT formatından istifadə edir. Bu cür brauzerlər üçün orijinal TTF-ni bir çox xidmətdən istifadə edərək çevirin və yaranan yazı tipini @ font-face parametrinə eyni şəkildə daxil edin.

Addım 5

Ehtiyacınız olan sənədi başqa bir mənbədən idxal etmək istəyirsinizsə, CSS sənədinin yuxarı hissəsində yazılmalı olan @import əmrini istifadə edin:

@import url (https:// font_address)

Tövsiyə: