Fontu ģimeņu sērijas noteikšana ar CSS fontu-ģimenes īpašumu

Fontu ģimenes īpašuma sintakse

Tipogrāfijas dizains ir ļoti svarīgs veiksmīga mājas lapas dizaina elements. Vietņu izveide ar viegli lasāmu un izcilu tekstu ir katra tīmekļa dizaina profesionāļa mērķis. Lai to panāktu, jums būs jāspēj noteikt konkrētos fontus, kurus vēlaties izmantot savās tīmekļa lapās. Jūsu tīmekļa dokumentos norādot rakstzīmju vai fontu saimi, jūs izmantosit fonta tipa stila īpašumu savā CSS.

Vienkāršākais font-family stila veids, ko jūs varētu izmantot, ietvertu tikai vienu fontu saimi:

p {font-family: Arial; }

Ja jūs piemēroāt šo stilu lapai, visi punkti tiks parādīti "Arial" fontu saimei. Tas ir lieliski, un tā kā "Arial" ir tas, ko sauc par "drošu tīmekļa drošību", kas nozīmē, ka visvairāk (ja ne visiem) dators to instalēs, jūs varat atpūsties diezgan viegli, zinot, ka jūsu lapa tiks parādīta paredzētajā fontā .

Tātad, kas notiek, ja atlasīto fontu nevar atrast? Piemēram, ja lapā nelietojat "tīmekļa drošu fontu", ko lietotājgrupa dara, ja tam nav šāda fonta? Viņi aizvieto.

Tas var izraisīt dažas ļoti smieklīgi meklējamas lapas. Es reiz devos uz lapu, kurā mans dators to pilnībā parādīja "Wingdings" (ikonu komplekts), jo manā datorā nebija tāda fonta, kuru izstrādātājs bija norādījis, un mans pārlūks bija ļoti slikta izvēle, kādā fontā tas būtu izmantot kā aizstājēju. Šī lapa man ir pilnīgi nelasāma! Šeit tiek atskaņota fontu kaudze.

Atdaliet vairākas fontu saimes ar komatu fontu kaudzē

"Fonta kaudze" ir fontu saraksts, kuru vēlaties izmantot savā lapā. Jūs izvēlaties fontus atbilstoši jūsu vēlmēm un atsevišķi atdalītu ar komatu. Ja pārlūkprogrammai sarakstā nav pirmās fontu saimes, tā izmēģinās otro un pēc tam trešo un tā tālāk, līdz tā atradīs to, kas ir sistēmā.

fontu ģimene: Pussycat, Algerian, Broadway;

Iepriekš minētajā piemērā pārlūks vispirms meklēs "Pussycat" fontu, pēc tam - "Alžīrijas", tad "Broadway", ja neviens no citiem fontiem netika atrasts. Tas dod jums vairāk iespēju, ka tiks izmantots vismaz viens no jūsu izvēlētajiem fontiem. Tas nav perfekts, tāpēc mums vēl ir vairāk, ko mēs varam pievienot mūsu fontu kaudzītei (lasīt tālāk!).

Izmantojiet vispārējos fontus pēdējā

Tātad jūs varat izveidot fontu steku ar fontu sarakstu, un to joprojām nevar atrast neviens pārlūks. Jūs acīmredzami nevēlaties, lai jūsu lapa tiktu rādīta nesaprotama, ja pārlūkprogramma izvēlas sliktu aizstāšanas iespēju. Par laimi ir arī CSS risinājums: vispārēji fonti .

Jums vienmēr vajadzētu pārtraukt fontu sarakstu (pat ja tas ir vienas ģimenes vai tikai tīmekļa drošu fontu saraksts) ar vispārēju fontu. Ir pieci veidi, kurus varat izmantot:

Abi iepriekš minētie piemēri var tikt mainīti uz:

fonta ģimene: Arial, sans-serif; fonta ģimene: Pussycat, Alžīrijas, Brodvejas, fantāzijas;

Daži fontu ģimenes vārdi ir divi vai vairāk vārdi

Ja fontu saime, kuru vēlaties izmantot, ir vairāk nekā viens vārds, jums to vajadzētu aptvert ar dubultklikšķināšanas zīmēm. Lai gan dažas pārlūkprogrammas var lasīt fontu saimes bez pēdiņām, var būt problēmas, ja atstarpes ir saīsinātas vai ignorētas.

fonta ģimene: "Times New Roman", serif;

Šajā piemērā jūs varat redzēt, ka fontu nosaukums "Times New Roman", kas ir vairāku vārdu, ir ievietots pēdiņās. Tas norāda pārlūku, ka visi trīs no šiem vārdiem ir šī fonta nosaukuma daļa, nevis trīs dažādi fonti ar vienvārdu vārdiem.

Jennifera Krīnina oriģinālais raksts. Rediģēja 16/12/26 Jeremija Džirada