Fontu ģimeņu sērijas ar CSS fontu grupas īpašību norādīšana

Tipogrāfiskais dizains ir kritiski svarīgs veiksmīgas tīmekļa vietnes dizains. Vietņu izveide ar tekstu, kas ir viegli lasāms un izskatās lieliski, ir katra tīmekļa dizaina profesionāļa mērķis. Lai to panāktu, jums būs jāspēj iestatīt konkrētos fontus, kurus vēlaties izmantot savās tīmekļa lapās. Lai tīmekļa dokumentos norādītu burtveidolu vai fontu saimi, savā īpašumā izmantosiet fontu saimes stila rekvizītu CSS.

Viskomplicētākajā fontu saimes stilā, kuru jūs varētu izmantot, būtu tikai viena fontu saime:

p {
fontu saime: Arial;
}

Ja jūs lietojat šo stilu lapai, visas rindkopas tiks parādītas fontu saimē "Arial". Tas ir lieliski, un tā kā "Arial" ir tas, kas tiek dēvēts par "tīmeklim drošu fontu", kas nozīmē visvairāk (ja ne visus) datoros tas būtu instalēts, jūs varat būt mierīgs, zinot, ka jūsu lapa tiks parādīta paredzētajā fonts.

Tātad, kas notiek, ja atlasīto fontu nevar atrast? Piemēram, ja lapā neizmantojat "tīmeklim drošu fontu", ko dara lietotāja aģents, ja viņam nav šī fonta? Viņi veic maiņu.

instagram viewer

Tā rezultātā var rasties dažas amizanta izskata lapas. Reiz es devos uz lapu, kur mans dators to pilnībā parādīja "Wingdings" (ikonu komplekts), jo manam datoram nebija fonts, ko izstrādātājs bija norādījis, un mans pārlūks izdarīja drausmīgu izvēli par to, kādu fontu tas izmantos kā nomaiņa. Lapa man bija pilnīgi neizlasāma! Šeit tiek parādīta fontu kaudze.

Fontu kaudzē atdaliet vairākas fontu ģimenes ar komatu

"Fontu kaudze" ir to fontu saraksts, kurus vēlaties izmantot savā lapā. Jūs izvēlētos fonta izvēles kārtību pēc izvēles un atdalītu katru ar komatu. Ja pārlūkprogrammā sarakstā nav pirmās fontu saimes, tā mēģina izmēģināt otro, pēc tam trešo un tā tālāk, līdz atrod sistēmu.

fontu saime: Pussycat, Alžīrijas, Brodveja;

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

Izmantojiet vispārīgos fontus Last

Tātad jūs varat izveidot fontu kaudzīti ar fontu sarakstu, un joprojām nav neviena, ko pārlūkprogramma nevar atrast. Jūs nevēlaties, lai jūsu lapa tiktu rādīta neizlasāma, ja pārlūks izvēlas sliktu aizstājēju. Par laimi arī CSS tam ir risinājums, un to sauc vispārīgi fonti.

Fontu saraksts (pat ja tas ir vienas ģimenes saraksts vai tikai tīmeklim piemēroti fonti) vienmēr jāpabeidz ar vispārīgu fontu. Varat izmantot piecus:

  • Kurzīvs
  • Fantāzija
  • Monospace
  • Sans serif
  • Serif

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

fontu saime: Arial, sans-serif;

vai.

fontu saime: Pussycat, Alžīrijas, Brodveja, fantāzija;

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

Ja fontu saime, kuru vēlaties izmantot, ir vairāk nekā viens vārds, jums jāapzīmē ar divciparu zīmēm. Lai gan dažas pārlūkprogrammas var lasīt fontu saimes bez pēdiņām, var rasties problēmas, ja atstarpes tiek kondensētas vai ignorētas.

fontu saime: "Times New Roman", serifs;

Šajā piemērā varat redzēt, ka fonta nosaukums "Times New Roman", kas ir vairāku vārdu, ir iesaiņots pēdiņās. Tas pārlūkprogrammai norāda, ka visi trīs šie vārdi ir daļa no šī fonta nosaukuma, atšķirībā no trim dažādiem fontiem, kuriem visiem ir viena vārda nosaukumi.