Yazı Tipi Versus Cascading Style Sheets (CSS)

Bir çox köhnə veb saytına baxdınız və HTML daxilində qeyri-adi bir etiket gördünüzmü? Bir çox il əvvəl veb-dizaynerlər HTML- lərin içərisində öz veb səhifələrinin şriftlərini müəyyən edərdi, lakin strukturun (HTML) və üslubun (CSS) bölünməsi bir müddət əvvəl bu təcrübəni uzaqlaşdırdı.

Veb dizayn bu gün, tag etiraz edilmişdir. Bu, etiketin HTML spesifikasiyasının bir hissəsidir. Bəzi brauzerlər hələ də istifadə edilmədikdən sonra bu etiketi dəstəkləyərkən, bu, HTML5-də dilin ən son yineleməsidir. Bu, etiketin HTML sənədlərinizdə artıq olmaması deməkdir.

Yazı tipi etiketinə alternativ

HTML səhifənin içindəki yazı tipini etiketi ilə təyin edə bilmirsinizsə, nə istifadə etməlisiniz? Cascading stil vərəqləri (CSS) bu gün veb-saytlarda şrift üslublarını (və bütün vizual üslubları) necə müəyyənləşdirir. CSS, etiketin edə biləcəyi bütün şeyləri və daha çox şeyi edə bilər. Etiketin HTML səhifələrimiz üçün bir seçim olduğunda nə edə biləcəyini (yadda saxlayın ki, bu, heç bir halda dəstəklənmir, buna görə də bir seçim deyildir) və CSS ilə necə bunu müqayisə edin.

Font ailəsini dəyişdirmək

Şriftin üzü fontun üzü və ya ailəsidir. Yazı tipi etiketi ilə "üz" xüsusiyyətini istifadə edərdiniz və hər bir mətn bölməsi üçün fərdi yazı tiplərini təyin etmək üçün bu sənədləri bir neçə dəfə bir neçə dəfə yerləşdirməlisiniz. Əgər o şriftə köklü bir dəyişiklik etmək lazım olsa, bu fərdi etiketlərin hər birini dəyişmək məcburiyyətindəsiniz. Misal üçün:

bu font sans-serif deyil

CSS-də "üz" əvəzinə CSS-də font "ailə" adlanır. Yazı tipini təyin edəcək bir CSS stili yazırsınız. Məsələn, Garamond-a bir səhifədə bütün mətni qurmaq istəsəniz, belə bir vizual üslubu əlavə edə bilərsiniz:

body {font-family: Garamond, Times, serif; }

Bu CSS stili veb-səhifənin hər birinə Garamond font ailəsini tətbiq edər, çünki sənəddəki hər bir element sənədin bir nəslindəndir.

Font Rənginin dəyişdirilməsi

Üz ilə olduğu kimi, mətnin rəngini dəyişdirmək üçün "rəng" atributunu və hex kodlarını və ya rəng adlarını istifadə edirsiniz. İllər əvvəl ayrıca bunu bir başlıq etiketi kimi mətn elementləri üzərində fərdi olaraq təyin edərdiniz.

bu font bənövşəyi olur

Bu gün yalnız bir CSS xətti yazacaqsınız.

Bu daha çox çevikdir. Əgər dəyişdirmək lazımdır

Saytınızın hər bir səhifəsində CSS dosyanızda bir dəyişiklik edə bilərsiniz və bu fayldan istifadə edən hər səhifə yenilənəcəkdir.

Köhnə ilə

Vizual üslubları diktə etmək üçün CSS-dən istifadə uzun illərdir web dizaynerinin standartı olmuşdur, buna görə də, hətta hələ də istifadə edən bir səhifəyə baxırsınızsa, o, çox köhnə bir səhifədir və mövcud veb-saytın uyğun olması üçün yenidən işlənməlidir ən yaxşı tətbiqləri və müasir veb standartlarını tərtib etmək.

Jeremy Girard tərəfindən düzəldildi