Mis on CSS-i üldised fontide perekonnad?

Üldised kirja klassifikatsioonid, mida saate oma veebisaidil kasutada

Veebisaidi kujundamisel on üks lehe põhielementidest, millele te töötate, teksti sisu. Sellisel juhul, kui loote veebilehe ja kujundate seda CSS-iga, keskendub suur osa sellest jõupingutusest saidi tüpograafia ümber.

Tippograafiline kujundus mängib olulist rolli veebisaidi kujundamisel. Hästi kokku pandud ja kujundatud tekstisisestus aitab saidil olla edukam, luues lugemiskogemuse, mis on nii mõnus ja kergesti tarbitav. Tüübiga töötamisel on osa teie disaini jaoks sobivate fontide valimine ning seejärel kasutage CSS-i, et need fonte ja font-stiile lisada lehe kuvale. Seda tehakse, kasutades nn font-stack

Font-karbid

Kui määrate veebisaidile kasutamiseks sobiva fondi , on parim tava ka varundamisvalikud, kui fondi valikut ei leita. Need varukoopia valikud on toodud "fondikogus". Kui brauser ei leia virnas loetletud esimest fonti, liigub see järgmisele. See jätkab seda protsessi, kuni see leiab fondi, mida ta saab kasutada, või valitakse välja valikud (sel juhul valib ta ainult soovitud süsteemi fondi). Siin on näide sellest, kuidas font-stack CSS-i näeb välja, kui seda rakendatakse elemendi "body" puhul:

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

Pange tähele, et me määrame kõigepealt fondi Gruusia. Vaikimisi kasutatakse seda lehte, kuid kui see font pole mingil põhjusel saadaval, siis leht langeb Times New Romani juurde. Me lisame selle fondi nime kahekordse hinnapakkumisi, kuna see on mitme sõna nimi. Ühtse sõna fondinimed, nagu Gruusia või Arial, ei nõua hinnapakkumisi, kuid nende sõnade vajaminevad sõnad vajavad seda nii, et brauser teaks, et kõik need sõnad moodustavad fondi nime.

Kui te vaatate fontkesta lõppu, peaksite märkima, et lõpeb sõna "serif". See on üldine fontide perekonnanimi. Ebatõenäolisel juhul, kui isikul pole oma arvutis Gruusiat või Times New Romani, ei kasuta saidil seda mistahes serif-fonti. See on eelistatav, kui lubate saidil varundada mis tahes soovitud fonte, sest võite vähemalt öelda, millist fonti kasutada, et saidi disaini üldine välimus ja toon oleksid võimalikult puutumatud. Jah, brauser valib teile fondi, kuid vähemalt saate juhiseid, et teada saada, milline font disainis kõige paremini sobib.

Generic Font Families

CSS-is saadaval olev üldine fonti nimi on:

Kuigi veebidisainis ja tüpograafias on saadaval veel palju fontide klassifikatsioone, sh tahvlid-serif, blackletter, ekraan, grunge jms, on need 5 ülaltoodud üldist fontide nimesid need, mida kasutate CSS-i font-stackis. Millised on nende font-klassifikatsioonide erinevus? Vaatame välja!

Kursiivsed fondid sisaldavad tihti õhuke ja hõbe kirjavorme, mis on ette nähtud väljamõeldud käsitsi kirjutatud teksti kopeerimiseks. Need fondid, kuna nende õhukesed, lillelised tähed ei sobi suureks sisu, näiteks keha koopiaks. Cursive fonte kasutatakse tavaliselt rubriikide ja lühemate tekstivajaduste jaoks, mida saab kuvada suuremate suuruste puhul.

Fantaasiafondid on mõnevõrra hull fonte, mis tegelikult ei kuulu ühtegi teist kategooriasse. Sellesse kategooriasse kuuluvad sellised tuntud logod, nagu Harry Potteri või tulevikku suunatud filmi kirjavormid. Veel kord, need fondid ei sobi keha sisule, kuna need on sageli nii stiliseeritud, et nende fontide kirjutatud pikemate lõikude lugemine on liiga raske.

Monospasmafondid on need, kus kõik kirjavormid on võrdselt suurusega ja eraldatud, nagu oleksite juba vana kirjutusmasinal. Erinevalt teistest fontidest, mille suurused sõltuvad tähtedest muutuva laiusega (näiteks kui suurtäht "W" võtab palju ruumi kui väiketähtedega "i"), on monospacefondid kõigi märkide jaoks fikseeritud laiusega. Neid fonte kasutatakse sageli, kui lehel kuvatakse kood, sest need näevad selgelt erinevad sellel lehel olevast tekstist.

Serif- fonts on üks populaarsemaid klassifikatsioone. Need on fonte, millel on kirjavormidel väikesed lisagregaadid. Neid lisatükke nimetatakse serifidena. Tavalised serif-fondid on Gruusia ja Times New Roman. Serif-fonte saab kasutada suurte tekstide jaoks nagu rubriik, samuti teksti ja keha koopia pikad lõigud.

Sans-serif on viimane liigitus, mida me vaatame. Need on fonte, millel pole neid ülalnimetatud ligatuure. Nimetus tähendab "ilma serifideta". Selle kategooria populaarsed fonte oleks Arial või Helvetica. Sarnased serifidena saab sans-serif-fonte kasutada nii head ja pealkirjas kui ka keha sisust.

Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 16. ja 17. jaanuaril