Almennar leturflokkar sem hægt er að nota á vefsíðunni þinni
Þegar þú ert að hanna vefsíðu er ein af lykilþáttum síðunnar sem þú munt vinna með textasamfélag. Sem slíkur, þegar þú býrð til vefsíðu og stíll það með CSS, mun stór hluti þessarar áreynslu vera miðuð við typography svæðisins.
Typographic hönnun gegnir mikilvægu hlutverki í vefhönnun. Vel útskýrt og sniðið texta innihald hjálpar vefsvæðinu að ná árangri með því að búa til lestrarreynslu sem er bæði skemmtilegt og auðvelt að neyta. Hluti af viðleitni ykkar við að vinna með gerð verður að velja rétt letur fyrir hönnunina og síðan til að nota CSS til að bæta þeim letur og leturstílum við skjáinn á síðunni. Þetta er gert með því að nota það sem kallast " leturgerð "
Font-Stacks
Þegar þú tilgreinir leturgerð sem á að nota á vefsíðu er besta leiðin til að einnig innihalda fallback valkosti ef ekki er hægt að finna leturgerðina þína. Þessar fallback valkostir eru kynntar í "letur stafla." Ef vafrinn getur ekki fundið fyrsta letrið sem skráð er í staflinum færist það á næsta. Það heldur áfram þessu ferli þangað til það finnur letur sem það getur notað, eða það rennur út af valkostum (í því tilviki velur það bara hvaða leturgerð það vill). Hér er dæmi um hvernig letur stafla myndi líta í CSS þegar sótt er á "líkama" frumefni:
líkami {font-family: Georgia, "Times New Roman", serif; }Takið eftir að við tilgreinir letur Georgíu fyrst. Sjálfgefið, þetta er það sem síða mun nota, en ef þessi letur er ekki til staðar af einhverjum ástæðum, þá mun blaðsíða falla aftur til Times New Roman. Við lýstu því leturheiti í tvöföldum tilvitnunum vegna þess að það er multi-orð nafn. Eitt orð letur, eins og Georgía eða Arial, krefst ekki tilvitnana, en mörg orð leturheiti þarf þá, svo að vafrinn veit að öll þessi orð eru með letrið nafnið.
Ef þú lítur út í leturgerðina, ættir þú að taka eftir því að við lýkur með orðinu "serif". Það er almennt leturgerð fjölskylduheiti. Ef ólíklegt er að maður hafi ekki Georgia eða Times New Roman á tölvunni sinni, þá myndi vefsvæðið nota hvaða serif letur sem það gæti fundið. Þetta er æskilegt að leyfa vefsíðunni að falla aftur í hvaða letur það vill, því að þú getur að minnsta kosti sagt hvað konar letur að nota þannig að heildarútlitið og tóninn á hönnun svæðisins verði eins ósnortinn og mögulegt er. Já, vafrinn velur leturgerð fyrir þig en að minnsta kosti veitir þú leiðsögn svo að það veit hvers konar letur virkar best innan hönnunarinnar.
Generic Font Families
Almennt leturheiti í CSS er:
- bendiefni
- ímyndunarafl
- monospace
- serif
- sans-serif
Þó að margar aðrar leturflokkar séu tiltækar í vefhönnun og letri, þ.mt slab-serif, blackletter, sýna, grunge og fleira, eru þessi 5 ofangreindar almennar leturheiti þau sem þú vilt nota í leturgerð í CSS. Hver er munurinn á þessum leturflokkunum? Við skulum kíkja!
Stundar leturgerðir innihalda oft þunnt, skrautleg bréf sem ætlað er að endurtaka ímyndaða handskrifaðan texta. Þessir leturgerðir, vegna þunnt, blómlegra bréfa, eru ekki viðeigandi fyrir stórar blokkir af efni eins og líkamsyfirlit. Skurður letur er almennt notaður fyrir fyrirsögn og styttri textþörf sem hægt er að birta með stærri leturstærð.
Fantasy leturgerðir eru nokkuð brjálaðir leturgerðir sem ekki falla í neinum öðrum flokki. Skírnarfontur sem endurtaka vel þekkt lógó, eins og bókstafmyndirnar frá Harry Potter eða Aftur í framtíðinni, myndu falla undir þennan flokk. Enn og aftur eru þessi letur ekki viðeigandi fyrir líkams innihald þar sem þau eru oft svo stílfærð að að lesa lengra textasnið sem skrifað er í þessum leturgerðum er allt of erfitt að gera.
Monospace leturgerðir eru þær þar sem allar leturformarnir eru jafnar og breiður út eins og þú myndir hafa fundið á gömlum ritvél. Ólíkt öðrum leturgerðum sem hafa breytilega breidd fyrir bréf eftir stærð þeirra (til dæmis, höfuðborg "W" myndi taka upp miklu meira pláss en lágstafir "ég") eru monospace letur fastur breidd fyrir alla stafi. Þessir leturgerðir eru oft notaðar þegar kóða er birt á síðu vegna þess að þær líta út á annan hátt en önnur texti á síðunni.
Serif leturgerðir eru einn af vinsælustu flokkunum. Þetta eru leturgerðir sem hafa litla auka ligatures á letterforms. Þeir auka stykki eru kallaðir "serifs". Algengar serif leturgerðir eru Georgia og Times New Roman. Serif letur getur verið notaður fyrir stóra texta eins og fyrirsögn og langar hliðar texta og líkamsafrita.
Sans-serif er endanleg flokkun sem við munum líta á. Þetta eru leturgerðir sem ekki hafa fyrrgreindar líkamsbreytingar. Nafnið þýðir "án serifs". Popular leturgerðir í þessum flokki eru Arial eða Helvetica. Líkur á serifs, sans-serif letur má nota jafn vel í fyrirsögnum og líkams innihald.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 10/16/17