Wat binne de algemiene lettertypefamylje yn CSS?

De generike lettertypes binne beskikber foar jo webside

By it ûntwikkeljen fan in webside, ien fan 'e kaaibestimmingen fan in side dy't jo wurkje sil tekstgegevens binne. As sadanich, as jo in webside bouwe en styl meitsje mei CSS, sil in grut part fan dy opset sintraal wêze om de typografy fan 'e side.

Typografysk ûntwerp spilet in wichtige rol yn webside ûntwerp. Goed leare en formeleare tekstynhâld helpet in side mei suksesfol troch it meitsjen fan in lêsûnderfining dy't beide geniet en maklik te ferbaarnen is. In diel fan jo yntinsjes by it wurkje mei type sille wêze om de juste lettertypen foar jo ûntwerp te kiezen en dan CSS te brûken om dizze lettertypen en lettertypen te foegjen oan 'e side te sjen. Dit is dien troch it brûken fan wat in " font-stack " neamd wurdt

Lettertypen

As jo in lettertype opjaan dy't brûkt wurdt op in webside, is it in bêste praktyk om ek foarkar op te nimmen foardat jo lettertypekânsje net fûn wurde kin. Dizze fallback-opsjes wurde presintearre yn 'e "font stack". As de blêder it earste lettertype net yn it stapke fine kin, giet it nei de folgjende. It fortet dizze proseduere oant it in lettertype fynt dat it kin brûke, of it rint fan karren (yn hokker gefal it allinich elk systeemtype winsket). Hjir is in foarbyld fan hoe't in lettertype-stap yn CSS útsjocht as wannear tapast wurdt oan it "lichem" -elemel:

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

Tink derom dat wy it lettertype fan Georgje earst spesifisearje. Standert is dizze side wat brûkt, mar as dat letter net ienris beskikber is, sil de side falle nei Times New Roman. Wy bepale dat lettertype yn dûbele siferings omdat it in meardere namme is. Single-word-font-nammen, lykas Georgia of Arial, net nedich de quotes, mar meardere wurdtype-namme hat se nedich, sadat de websneur allinich de wurden befetsje.

As jo ​​in ein meitsje fan it ein fan 'e lettertafel, dan moatte jo bepale dat wy einigje mei it wurd "serif". Dat is in generike letterfamyljenamme. Yn it ûnrjochtlik evenemint dat in persoan hat gjin Georgje of Times New Roman op har komputer, sil de side alle serif-fonten brûke dy't it fine kin. Dit is foarkar om it side te ferlitten om alle lettertypen te wolle, om't jo op syn minst sizze kinne hokker type lettertype brûke sil dat de algemiene opsjes en toanen fan in webstee ûntwerp sa intakt wêze as mooglik. Ja, de blêder sil jo in lettertype foar jo kieze, mar tagelyk biede jo begelieding sadat it wit dat hokker soart lettertype it bêste wurkje soe yn it ûntwerp.

Generic Font Families

De generike lettertype yn CSS beskikber is:

Wyls binne in soad oare font-classifications beskikber yn web-ûntwerp en typografy, lykas slab-serif, blackletter, display, grunge, en mear, dizze 5 boppesteande generike lettertypen binne dejinge dy't jo brûke wolle yn in font-stack yn CSS. Wat binne de ferskillen yn dizze skriftlike klassifikaasjes? Lit sjen!

Cursive lettertypen hawwe faak dûns, ûntploaiïnte letterfoarmen dy't bedoeld binne om fancy handwritten tekst te replikaarjen. Dizze lettertypen, fanwege har dûns, bloeiende brieven, binne net passend foar grut blok fan ynhâld as lichemekop. Cursive lettertypen wurde normaal brûkt foar kopteksten en koarte tekstbedriuwen dy 't yn gruttere lettertypen werjûn wurde.

Fantasy- lettertypen binne de soms willekeurige lettertypen dy't net echt in oare kategory falle. Lettertypen dy't goed bekende logos werhelje, lykas de letterfoarmen fan 'e Harry Potter of Back to the Future movies, soe yn dizze kategory falle. Eartiids binne dizze lettertypen net passend foar lichemhâld, om't se faak sa stylisearje dat lêze langere paadpunten fan tekst skreaun yn dizze lettertypen is folle te hurd te dwaan.

Monospace- lettertypen binne ien dy't allinich letterbrieven binne lykas skaaimerke en beperkte, lykas jo op in âlde typmasine fûn hawwe. Oars as oare lettertypen dy't fariant breedte hawwe foar brieven, ôfhinklik fan har grutte (bygelyks in kapitaal "W" soe folle mear romte nimme as in lytse "i"), monospacefonts binne fêste breed foar alle tekens. Dizze lettertypen wurde faak brûkt as de koade werjûn wurdt op in side om't se ferskille oars as oare tekst op dizze side.

Seriffonts binne ien fan 'e populêre klassifikaasjes. Dit binne lettertypen dy't de lytse ekstra ligaturen hawwe op de letterfoarmen. Dizze ekstra stikken wurde "serifen" neamd. Common serif fonts binne Georgia en Times New Roman. Seriffonts kinne brûkt wurde foar grutte tekst lykas koptekst en lange passaazjes fan tekst en folsleine kopy.

Sans-serif is de definitive klassifikaasje dy't wy sjogge. Dit binne lettertypen dy't net de neamde ligaturen hawwe. De namme betsjuttet "sûnder serif". Populêre lettertypen yn dizze kategory soe Arial of Helvetica wêze. Similar to serifs, sans-serif fonts can be used equally well in headings as well as body content.

Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 10/16/17