Kakšne so generične družine pisav v CSS?

Različne klasifikacije pisav, ki so na voljo za uporabo na vašem spletnem mestu

Pri oblikovanju spletne strani je eden od ključnih elementov strani, s katero boste delali, besedilna vsebina. Kot tak, bo pri gradnji spletne strani in slogu s CSS velik del teh prizadevanj osredotočen na tipografijo spletnega mesta.

Tipografsko oblikovanje igra pomembno vlogo pri oblikovanju spletnih strani. Dobro določena in oblikovana besedilna vsebina pomaga pri uspešnejši branju, ki je prijetna in enostavna za uporabo. Del vaših prizadevanj pri delu s tipom bo, da izberete prave pisave za vaš design in nato uporabite CSS, da dodate te pisave in sloge pisave na prikaz strani. To naredite tako, da uporabite tisto, kar se imenuje " font-stack "

Font-Stacks

Ko določite pisavo, ki jo želite uporabiti na spletni strani, je najboljša praksa vključiti tudi nadomestne možnosti, če izbire pisave ni mogoče najti. Te nadomestne možnosti so predstavljene v "stack font". Če brskalnik ne najde prve pisave, navedene v svežnju, se premakne na naslednjo. Ta postopek se nadaljuje, dokler ne najde pisave, ki jo lahko uporabi, ali pa se zmanjka izbire (v tem primeru samo izbere katero koli sistemsko pisavo, ki jo želi). Tukaj je primer, kako bi se v strežniku CSS pojavil font-stavek, ko se uporablja za element "telo":

telo {font-family: Georgia, "Times New Roman", serif; }

Obvestilo, da moramo najprej nastaviti pisavo Georgia. Privzeto bo to uporabila ta stran, če pa ta pisava ni na voljo zaradi nekega razloga, bo stran padla na Times New Roman. To pisavo imenujemo v dvojnih narekovajih, ker gre za ime z več besedami. Imena pisav za posamezne besede, kot sta Georgia ali Arial, ne zahtevata ponudb, vendar jih potrebuje večslojno ime pisave, tako da brskalnik ve, da vse te besede tvorijo ime pisave.

Če pogledate konec pisave, morate zapomniti, da se konča z besedo "serif". To je generično ime družine pisav. V primeru, da oseba nima Gruzije ali Times New Roman v svojem računalniku, bi spletno mesto uporabilo katero koli serifno pisavo, ki bi jo lahko našla. To je bolje, če se spletnemu mestu omogoči, da se vrne k katerim koli pisavam, ker lahko vsaj pove, kakšne vrste pisave je treba uporabiti, da bo celoten videz in ton oblikovanja spletnega mesta čim bolj neokrnjen. Da, brskalnik bo izbral pisavo za vas, vendar vsaj zagotovite navodila, da bo vedel, kakšne vrste pisave bi najbolje delovale v oblikovanju.

Generične družine pisav

Generično ime pisave, ki je na voljo v CSS, je:

Čeprav v spletnem dizajnu in tipografiji so na voljo številne druge različice pisav, vključno s ploščicami, črnim listom, zaslonom, grungejem in drugimi, so te 5 zgoraj navedenih generičnih imen pisav tiste, ki bi jih uporabljali v stack-stacku v CSS-u. Kakšne so razlike v teh razvrstitvah pisav? Oglejmo si!

Cursive pisave pogosto vsebujejo tanke, okrašene črke, ki so namenjene ponovitvi fancy napisanega besedila. Te pisave zaradi svojih tankih, cvetličnih črk niso primerne za velik blok vsebine, kot je kopija telesa. Cursive pisave se običajno uporabljajo za naslove in krajše tekstovne potrebe, ki jih je mogoče prikazati v večjih velikostih pisave.

Fantasy pisave so nekoliko nori pisave, ki ne spadajo v nobeno drugo kategorijo. V to kategorijo spadajo pisave, ki posnemajo znane logotipe, na primer črke iz Harry Potterja ali filme Back to the Future. Še enkrat te pisave niso ustrezne za vsebino telesa, saj so pogosto tako stilizirane, da je branje daljših odlomkov besedila, napisanih v teh pisavah, preveč težko narediti.

Monospace pisave so tiste, pri katerih so vse črke enako velike in razporejene, kot bi jih našli na starem pisalnem stroju. Za razliko od drugih pisav, ki imajo spremenljivo širino za črke, odvisno od njihove velikosti (na primer, kapital "W" bi zajel veliko več prostora kot majhna "i"), monospace pisave so fiksne širine za vse znake. Te pisave se pogosto uporabljajo, ko je koda prikazana na strani, ker se videz izrazito razlikuje od drugih besedil na tej strani.

Pisave Serif so ena najbolj priljubljenih klasifikacij. To so pisave, ki imajo malo dodatnih ligature na pisavi. Ti dodatni deli se imenujejo "serifi". Skupne pisave serifa so Georgia in Times New Roman. Pisave Serif se lahko uporabljajo za veliko besedilo, kot je naslov, kot tudi dolge odlomke besedila in kopije telesa.

Sans-serif je končna razvrstitev, ki jo bomo gledali. To so pisave, ki nimajo zgoraj navedenih ligature. Ime pomeni "brez serifov". Popularne pisave v tej kategoriji bi bile Arial ali Helvetica. Podobno kot serifi so pisave sans-serif lahko enako dobro uporabljene tudi v naslovih in vsebini telesa.

Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 16.10.17