Hvordan du velger fonter til nettstedet ditt - dummies

Noen fonter virker ikke bra på nettsteder. Dessverre eksisterer for mange skrifter i disse dager for å finne en fullstendig liste over hvilke som gjør og hvilke som ikke gjør det. Det er også viktig å forstå at fonter, som mote, går inn og ut av stil til bruk på nettet (for et raskt eksempel på en ukjent skrift, bare gjør et søk på Comic Sans). Men det er noen generelle retningslinjer for å hjelpe deg å velge de riktige skrifttyper for forskjellige applikasjoner.

Standard versus displayfonter i webdesign

For å velge riktig skrifttype for nettstedet ditt, bør du være kjent med de forskjellige kategoriene av skrifttyper. Generelt bør du bruke standardfonter for sider med kroppstekst og reservere de mer ferske eller dekorative skrifttyper, ofte kalt display skrifter, for korte overskrifter, innkallinger og underoverskrifter.

Standardfonter inkluderer Garamond, Times, Georgia, Arial, Helvetica og Verdana, som var designet for lesbarhet og fungerer godt for større tekstblokker. De er vanlige skrifter som mange har hørt om. Det finnes imidlertid en rekke skrifter, som faller inn i kategorien «standard» med navn du kanskje ikke gjenkjenner.

Fontvekter for kroppseksempler kalles vanligvis romersk, kroppslig eller vanlig. Leserne blir ikke distrahert av utformingen av disse klassiske skrifttyper, slik at de kan fokusere på teksten ved hånden. Standardfonter er laget for enkel lesing, slik at de fungerer bra i de mindre punktstørrelsene og i større tekstblokker.

Fancy skrifter, derimot, eller andre vektvarianter av en skrift som fet, kondensert, halvfet, svart og ultra, har mye detalj og personlighet, ideell for større sett overskrifter og underposisjoner bestående av få ord. Disse skriftene tar tak i folks oppmerksomhet, men de er ikke laget for en lang side med tekst. Du kan ofte skille de dekorative skrifttyperne bare etter navnene deres, for eksempel Kid Print, Comic Sans, og så videre (se følgende figur).

Skrifttykkelse på nettet

Tykkelsen på hvert enkelt brev (eller linjevikt ) bidrar sterkt til en skriftles lesbarhet. Fordi piksler på datamaskiner ikke er relativt små, kan fonter som er for tynne falme bort i glemsel, spesielt ved mindre punktstørrelser.

Hvis du undersøker noen skrift, merker du at tykkelsen varierer i hvert brev. For eksempel, ta en titt på brevet m i eksemplet nedenfor. Brevet er satt i noen forskjellige skrifttyper for sammenligning. Noen fonter, som Kepel Bold (eksempelet til venstre), endrer seg drastisk mellom de tykke og tynne områdene av et enkelt brev.På en liten punktstørrelse, for brevet m , ser du bare en blomst av tre dristige slag - de tynne strekkene forsvinner helt. Når du velger fonter for tekst med liten punkt, finner du derfor versjoner som ikke har stor variasjon i slagtykkelsen. Også, unngå "lette" utgaver av skrifttyper - de er for tynne til å lese med en liten punktstørrelse. (De fleste skriftfamilier kommer i forskjellige tykkelser, alt fra lys til det tynneste av settet til fet, svart og ultra for gradvis tyngre linjevikt.)

Serif versus sans-serif-fonter i webdesign

Din Skriftopplæring vil ikke være fullført før du vet forskjellen mellom serif og sans-serif skrifter. En serif er den lille hylle som pryder tipsene til et brev. Sans-serif skrifter, derimot, har ikke disse bildene. Noen moderne sans-serif-fonter har liten utsmykking på sine tips, noe som gjør at du ser to ganger, men de er fortsatt ansett som sans-serif-fonter. Både serif- og san-serif-fonter kan brukes til større blokker av kroppskopi. Typisk seriffonter gir siden et mer konservativt, stilig eller newsy-utseende, mens bruk av san-serif-fonter gir en renere, mer moderne følelse.

Skriftene på lister overlevde 10-punkts testen : De er alle lesbare når de er satt til bare 10 poeng, som er den minste skriftstørrelsen for tekst som du noen gang bør vurdere for kropps kopi i webdesign (best å sette minst 11 poeng).

Prøv å blande serif og sans-serif skrifttyper sammen. For eksempel, bruk en stil for overskrifter og den andre stilen for kroppsteksten. Å velge et sett med to til tre fonter for nettstedet ditt - ett for hver annerledes type element - bidrar til å legge til visuell interesse for siden, som i følgende eksempel.

Kreditt: © Swiss Water Decaffeinated Coffee