Kokios yra bendrosios šriftų šeimos CSS?

Bendras šriftų klasifikavimas, kurį galima naudoti jūsų svetainėje

Kuriant svetainę, vienas iš pagrindinių puslapio elementų, su kuriais turėsite dirbti, yra teksto turinys. Taigi, kai jūs sukursite tinklalapį ir stiliaus jį CSS, didelė dalis šių pastangų bus nukreipta į svetainės tipografiją.

Tipografinis dizainas vaidina svarbų vaidmenį kuriant interneto svetaines. Gerai išdėstytas ir suformatuotas teksto turinys padeda svetainę sėkmingiau sukurti skaitymo patirtį, kuri yra maloni ir lengva vartoti. Dalis jūsų pastangų dirbant su tipu bus pasirinkti tinkamus jūsų dizaino šriftus ir tada naudoti CSS, kad į puslapio ekraną pridėti šriftus ir šriftų stilių. Tai daroma naudojant vadinamąjį " font-stack "

Šrifto stekas

Nurodžius šriftą, kurį norite naudoti tinklalapyje, geriausia įtraukti atsargines parinktis, jei negalima rasti šrifto pasirinkimo. Šios atsarginės parinktys pateikiamos "šriftuose". Jei naršyklė negali rasti pirmojo šuke nurodyto šrifto, jis pereina į kitą. Jis tęsia šį procesą tol, kol nustato šriftą, kurį jis gali naudoti, arba jis neturi pasirinkimų (tokiu atveju jis tiesiog pasirenka bet kurį norimą sistemos šriftą). Čia yra pavyzdys, kaip šriftų kaukas atrodys CSS, kai jis taikomas elementui "body":

kūnas {font-family: Gruzija, "Times New Roman", serifas; }

Atkreipkite dėmesį, kad mes pirmiausia nurodome šriftą Gruzija Pagal numatytuosius nustatymus, tai bus tas puslapis, tačiau jei šis šriftas dėl kokios nors priežasties nebus pasiekiamas, puslapis bus laikinas Times New Roman. Šį šrifto pavadinimą pridedame dvigubais kabutėmis, nes jis yra kelių žodžių vardas. Vieno žodžio šrifto pavadinimai, pvz., "Georgia" arba "Arial", nereikalauja kabučių, tačiau reikalingas kelių žodžių šriftų pavadinimas, todėl naršyklė žino, kad visi šie žodžiai sudaro šrifto pavadinimą.

Jei atrodysite šrifto pabaigos pabaigos, turėtumėte pastebėti, kad pasibaigsime žodžiu "serifas". Tai yra bendras šriftų pavardės pavadinimas. Kai mažai tikėtina, kad asmuo savo kompiuteryje neturės Gruzijos ar "Times New Roman", ši svetainė naudotų bet kurį serijinį šriftą, kurį jis galėtų rasti. Tai yra pageidautina, kad svetainė galėtų grįžti prie bet kokių norimų šriftų, nes jūs bent jau galite pasakyti, kokį šriftą reikia naudoti, kad bendras svetainės dizaino išvaizda ir tonas būtų kuo mažesni. Taip, naršyklė jums pasirinkti šriftą, bet bent jau jūs pateikiate nurodymus, kad žinotumėte, koks šriftas geriausiai tinka dizainui.

Generic Font Families

Bendras šriftų pavadinimas CSS yra:

Nors yra daug kitų klasifikuotų šriftų, kuriuos galima naudoti žiniatinklyje ir spausdintuvuose, įskaitant plokščių serif, blackletter, ekraną, grunge ir kt., Šie 5 aukščiau išvardyti bendrieji šriftų pavadinimai yra tie, kuriuos naudosite CSS šriftuose. Kuo skiriasi šių šriftų klasifikacija? Pažiūrėkime!

"Cursive" šriftuose dažnai būdingos plonos, vaizdingos laiško formos, skirtos atkurti išgalvotą ranka užrašytą tekstą. Šie šriftai, dėl jų plonos, spalvingos raidės, netinka dideliems turinio blokams, pvz., Kūno kopijai. Cursive šriftai paprastai naudojami antraštėms ir trumpesniems teksto poreikiams, kurie gali būti rodomi didesnių šriftų dydžių.

Fantazijos šriftai yra šiek tiek nenuoseklūs šriftai, kurie iš tikrųjų neatitinka jokios kitos kategorijos. Šiai kategorijai priskiriami šriftai, kurie atkartoja gerai žinomus logotipus, pvz., "Harry Potter" ar "Back to the Future" filmų blankus. Dar kartą šiems šriftams netinka kūno turinys, nes jie dažnai yra tokie stilizuoti, kad skaityti daugiau šriftų teksto fragmentų yra per daug sunku.

Monospaudos šriftai yra tie, kur visos raidžių formos yra vienodai išdėstytos ir išdėstytos taip, kaip jūs būtų rastumėte ant senos rašomosios mašinėlės. Skirtingai nuo kitų šriftų, kurių raidžių dydis yra skirtingas, priklausomai nuo jų dydžio (pvz., Kapitalas "W" užims daug daugiau vietos nei mažoji "i"), monofoniniai šriftai yra fiksuoto pločio visiems simboliams. Šie šriftai dažnai naudojami, kai kodas rodomas puslapyje, nes jie aiškiai skiriasi nuo kito teksto šiame puslapyje.

Serif šriftai yra vienas iš populiariausių klasifikacijų. Tai yra šriftai, kurių šriftų formos turi mažai papildomų ligatūrų. Šie papildomi kūriniai vadinami "serifų". Paprasti šriftai yra Gruzija ir Times New Roman. Serif šriftai gali būti naudojami dideliam tekstui, pvz., Antraštėje, taip pat ilgi teksto ir kūno kopijos fragmentai.

Sans-serif yra paskutinė klasifikacija, kurią mes pažvelgsime. Tai yra šriftai, kurie neturi tų minėtų ligatūrų. Pavadinimas reiškia "be serifų". Populiariausi šios kategorijos šriftai būtų "Arial" arba "Helvetica". Panašus į serifus, sans-serif šriftai gali būti vienodai gerai naudojami antraštėse, taip pat kūno turinio.

Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard 16.10.17