Skip to main content

Kokios yra bendrosios šriftų šeimos CSS?

Anonim

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ėje 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. Šie atsarginiai parinktys pateikiami "šrifto kampelyje". 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 { šriftų šeima: 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ų šrifto 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:

  • kursyvas
  • fantazija
  • monospauda
  • Serifas
  • Sans serifas

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ą rankraštį. Š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ų.

Fantazija šriftai yra šiek tiek neprotingi šriftai, kurie iš tikrųjų neatitinka jokios kitos kategorijos. Šiai kategorijai priskiriami šriftai, kurie atkartoja gerai žinomus logotipus, pvz., "Harry Potter" arba "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.

Vienos erdvės š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 senoje rašomąja mašinėle. 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.

Serifas Šriftai yra viena 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 serifas 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.