Bendrosios šriftų šeimos CSS

Tipografinis dizainas vaidina svarbų vaidmenį kuriant svetainę. Gerai išdėstytas ir suformatuotas teksto turinys padeda svetainei būti sėkmingesnei sukuriant skaitymo patirtį, kuri yra maloni ir lengvai naudojama. Dalis jūsų pastangų dirbant su tipu bus pasirinkti tinkamus šriftus pagal savo dizainą ir tada naudoti CSS, kad tuos šriftus ir šriftų stilius pridėtumėte prie puslapio ekrano. Tai daroma naudojant tai, kas vadinama a šrifto kamino.

Šriftų krūvos

Kada tu nurodykite šriftą Jei norite naudoti tinklalapį, geriausia praktika įtraukti ir atsargines parinktis, jei jūsų šrifto pasirinkimo rasti nepavyksta. Šie atsarginiai variantai pateikiami šrifto kamino. Jei naršyklė negali rasti pirmojo šrifto sąraše, ji pereina prie kito. Jis tęsia šį procesą, kol randa šriftą, kurį gali naudoti, arba baigiasi pasirinkimai (tokiu atveju jis tiesiog pasirenka bet kokį norimą sistemos šriftą). Čia pateikiamas pavyzdys, kaip šrifto šūsnis atrodytų CSS pritaikius elementui „body“:

kūnas {
šriftų šeima: Džordžija, „Times New Roman“, serifas;
}

Šriftas „Georgia“ pasirodo pirmas, todėl pagal numatytuosius nustatymus tai naudos puslapis, tačiau, jei tas šriftas dėl kokių nors priežasčių nepasiekiamas, puslapis vėl patenka į „Times New Roman“.

Šrifto kamino pabaiga yra žodis serifas. Tai yra bendras šrifto šeimos pavadinimas. Mažai tikėtinu atveju, jei asmuo neturi Gruzijos ar Times New Roman savo kompiuteryje svetainė naudos bet kokį „serif“ šriftą, kokį tik ras. Naršyklė pasirinks jums šriftą, bet bent jau jūs siūlote patarimus, kad ji žinotų, koks šriftas geriausiai tiktų pagal dizainą.

Bendros šriftų šeimos

CSS pasiekiamas bendras šrifto pavadinimas yra:

• kursyvinis
• fantazija
• monospace
• serifas
• sans-serifas

Nors yra daugybė kitų šriftų klasifikacijų, kurias galima rasti kuriant internetą ir tipografiją, įskaitant „slab-serif“, „blackletter“, „display“, „grunge“ ir dar daugiau, šiuos penkis bendruosius šriftų pavadinimus naudosite šriftų šūsnyje CSS.

• Kurziniai šriftai - dažnai būna plonos, puošnios raidžių formos, skirtos atkartoti puošnų ranka rašytą tekstą. Šie šriftai dėl plonų, gėlėtų raidžių nėra tinkami dideliam turinio rinkiniui, pavyzdžiui, kūno kopijai. Kursyviniai šriftai paprastai naudojami antraštėms ir trumpesniems teksto poreikiams, kurie gali būti rodomi didesniais šriftų dydžiais.
• Fantazijos šriftai - yra šiek tiek pašėlę šriftai, kurie iš tikrųjų nepriklauso jokiai kitai kategorijai. Šriftai, kurie pakartoja gerai žinomus logotipus, pavyzdžiui, raidžių formos iš Haris Poteris arba Atgal į ateitį filmus, patenka į šią kategoriją. Šie šriftai nėra tinkami turinio turiniui, nes dažnai yra taip stilizuoti, kad skaityti ilgesnius šriftais parašytų teksto fragmentus yra per sunku.
• Monospace šriftai - pateikite vienodo dydžio ir išdėstytas laiškų formas, kokias galėtumėte rasti senoje rašomojoje mašinėlėje. Skirtingai nuo kitų šriftų, kurių raidžių plotis kintamas, atsižvelgiant į jų dydį (pavyzdžiui, didžiosios raidės) W užima daug daugiau vietos nei mažosios raidės i), monospace šriftai naudoja fiksuotą visų simbolių plotį. Šie šriftai dažnai naudojami skaitant kodus, nes jie aiškiai skiriasi nuo kito to puslapio teksto.
• „Serif“ šriftai - ant blankų uždėkite mažai papildomų ligatūrų. Tie papildomi kūriniai vadinami serifai. Dažni serifiniai šriftai yra Džordžija ir „Times New Roman“. „Serif“ šriftai puikiai tinka dideliam tekstui, pvz., Antraštei, taip pat ilgiems teksto fragmentams ir teksto kopijoms.
• Sans-serifšriftus - neturi ligatūrų. Pavadinimas reiškia be serifų. Tarp šios kategorijos populiarių šriftų yra „Arial“ arba „Helvetica“. Panašiai kaip serifai, sans-serif šriftai vienodai gerai veikia ir antraštėse, ir kūno turinyje, nors kai kurie ekspertai nori, kad dideliais teksto blokais būtų išvengta šriftų be sans-serif, nes juos sunkiau perskaityti dydžiai.