CSS Font-Ailə Mülkiyyətli Font Ailələrinin Birləşməsini Belirtin

Font-Ailə Mülkiyyətinin Sintaksisi

Tipografik dizayn müvəffəqiyyətli veb dizaynın mühüm əhəmiyyət kəsb edən bir parçasıdır. Sitenizi oxumaq asan və asan görünən mətnlərlə yaradan hər web dizayn peşəkarının məqsədi. Buna nail olmaq üçün veb səhifələrinizdə istifadə etmək istədiyiniz xüsusi fontları təyin etmək lazımdır. Web sənədlərinizdə yazı tipi və ya font ailəsini müəyyən etmək üçün CSS-də font-ailə stil mülkiyyətindən istifadə edəcəksiniz.

Istifadə edə biləcəyiniz ən sadə font-ailə üslubu yalnız bir font ailəsini əhatə edəcəkdir:

p {font-family: Arial; }

Bu üslubu bir səhifəyə tətbiq etsəniz, paraqrafların hamısı "Arial" yazı tipli ailədə göstərilir. Bu, böyükdür və "Arial" ın "web-təhlükəsiz şrift" kimi tanındığı, yəni ən çox (əgər deyilsə) kompüterin yüklənəcəyi deməkdirsə, sizin səhifənizin nəzərdə tutulan şriftdə .

Seçdiyiniz font tapılmadıqda nə olur? Məsələn, bir səhifədə "veb təhlükəsiz şrifti" istifadə etmirsinizsə, bu yazı tipi olmadıqda istifadəçi agenti nə edir? Onlar əvəz edirlər.

Bu, çox gülməli görünən səhifələrə səbəb ola bilər. Mən bir dəfə kompüterim "Wingdings" (bir simge dəsti) şəklində göstərdiyim bir səhifəyə getmişdim, çünki mənim kompüterim geliştiricinin müəyyən etdiyi fonta malik olmadı və mənim brauzerim hansı yazı tipində çox pis seçim etdi əvəz kimi istifadə edin. Bu səhifə mənim üçün tamamilə oxunmurdu! Bir yazı tipi yığını oyuna çıxır.

Yazı Tipi Stackda Virgülle Ayrı Birden çox Yazı Ailesi

"Yazı tipi yığını", səhifənizin istifadə etdiyiniz fontların siyahısıdır. Şrift seçimlərinizi üstünlüklərinizə uyğunlaşdırmaq və hər birinizi virgüllə ayırmaq olardı. Brauzer siyahıda ilk font ailəsi olmasa, sistemdə bir tapana qədər ikinci, sonra üçüncü və s.

yazı tipi ailəsi: Pussycat, Algerian, Broadway;

Yuxarıda göstərilən misalda brauzer əvvəlcə "Pussycat" yazı tipini, sonra "Algerian" və "Broadway" -ni digər şriftlərdən heç biri tapmayacaq. Bu, seçdiyiniz şriftlərdən ən az birinin istifadə olunacağına şans verir. Mükəmməl deyil, buna görə də font dəstəyimizi əlavə edə biləcəyik (oxuyun!).

Sonuncu Generic Fonts istifadə edin

Beləliklə, fontların siyahısı ilə bir font yığını yarada və hələ də brauzerin tapa bilməyəcəyi heç bir şey yoxdur. Şübhəsiz ki, brauzerinizin zəif əvəz seçimini yaparsanız, səhifənizin okunmaz görünməyini istəmirsiniz. Xoşbəxtlikdən CSS bu üçün də bir həll var: ümumi fonts .

Ümumi bir yazı tipi ilə həmişə font siyahınızı (bir ailənin siyahısı və ya yalnız veb təhlükəsiz yazı tipləri olsa belə) bitirməlisiniz. Istifadə edə bilən beş var:

İki yuxarıda göstərilən nümunələr aşağıdakı kimi dəyişdirilə bilər:

font-family: Arial, sans-serif; font-ailə: Pussycat, Cezayir, Broadway, fantaziya;

Bəzi yazı tipli ailə adları iki və ya daha çox sözlərdir

Istifadə etmək istədiyiniz yazı tipli ailə birdən çox söz varsa, onu ikiqat qiymətli işarələrlə əhatə etməli olursunuz. Bəzi brauzerlər tirnoq qeydləri olmadan yazı tipli ailələri oxuyanda baxmayaraq, boşluqlar qatılaşdırılmış və ya nəzərə alınmırsa problemlər yarana bilər.

font-ailə: "Times New Roman", serif;

Bu misalda, çox saylı olan "Times New Roman" yazı tipli adının quotes ilə örtülmüş olduğunu görə bilərsiniz. Bu, brauzerin hər üç sözün bir sözdəki adları olan üç müxtəlif yazı tipindən fərqli olaraq bu üç sözün həmin font adının bir hissəsi olduğunu bildirir.

Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 12/2/16 tarixində redaktə edildi