Skip to main content

Sådan beslutter du, hvilken skrifttypefamilie du skal bruge til webdesign

Propeller Fest Keynote Gary Vaynerchuk | 2016 (Juni 2025)

Propeller Fest Keynote Gary Vaynerchuk | 2016 (Juni 2025)
Anonim

Se på enhver webside online i dag, uanset størrelsen på webstedet eller branchen, som det er til, og du vil se, at en ting de alle deler til fælles, er tekstindhold.

En af de nemmeste måder at påvirke udformningen af ​​en webside på er med de skrifttyper, du bruger til tekstindholdet på det pågældende websted. Desværre er mange webdesignere, der er tidlige i deres karrierer, blevet lidt vanvittige ved at bruge for mange skrifttyper på hver side. Dette kan skabe en muddied oplevelse, der synes at mangle designsammenhæng. I andre tilfælde forsøger designere at eksperimentere med skrifttyper, der er næsten ulæselige, ved at bruge dem, bare fordi de er "cool" eller forskellige. De kan faktisk være sejende skrifter, men hvis teksten, som de er beregnet til at formidle, ikke kan læses, så "coolness" af den skrifttype vil slides af, når ingen læser hjemmesiden og i stedet efterlader et websted, som de kan behandle!

Denne artikel vil se på nogle af de punkter, du bør overveje, når du vælger en skrifttypefamilie til dit næste webstedsprojekt.

Nogle regler-of-thumb

  1. Brug ikke mere end 3-4 skrifttyper på en enkelt side. Noget mere end dette begynder at føle sig amatøratisk - og selv 4 skrifttyper kan være for mange i nogle tilfælde!
  2. Du må ikke ændre skrifttypen i midten af ​​sætningen, medmindre du har en meget god grund (Bemærk - jeg har aldrig i alle mine år som webdesigner fundet en god grund til at gøre dette)
  3. Brug sans serif skrifttyper eller serif skrifttyper til body tekst til at gøre disse blokke af indhold lettere at læse.
  4. Brug monospace skrifttyper til skrivemaskine tekst og kodeblok for at indstille denne kode bortset fra siden.
  5. Brug script og fantasy skrifttyper til accenter eller store overskrifter med meget få ord.

Husk at disse er alle forslag, ikke hårde og hurtige regler. Hvis du vil gøre noget anderledes, så skal du gøre det med hensigt, ikke ved et uheld.

SANS SERIF FONTS ER GRUNDLAG AF DIN SITE

Sans serif skrifttyper er de skrifttyper, der ikke har "serifs" - den lille tilføjede designbehandling i enderne af bogstaverne.

Hvis du har taget nogle printdesign kurser, har du sikkert fået at vide, at du kun skal bruge serif skrifttyper til overskrifter. Dette gælder ikke for internettet. Websider er beregnet til at blive betragtet af webbrowsere på computerskærme og dagens skærme er ret gode til at vise både serif og sans-serif skrifttyper klart. Nogle serif skrifttyper kan blive lidt udfordrende at læse i mindre størrelser, især på ældre skærme, så du bør altid være opmærksom på dit publikum og sørge for at de kan læse serif skrifttyper, før du træffer beslutningen om at bruge dem til din tekst. Når det er sagt, er de fleste serif skrifttyper i dag designet til digitalt forbrug, og de vil fungere fint som body copy, så længe de er sat til en rimelig skriftstørrelse.

Nogle eksempler på sans-serif skrifttyper er:

  • Arial
  • Geneve
  • Helvetica
  • Lucida Sans
  • Trebuchet
  • Verdana

Trivia: Verdana er en skrifttypefamilie, der blev opfundet til brug på internettet.

BRUG SERIF FONTS FOR PRINT

Mens serif skrifttyper kan sees for at læse online til ældre skærme, er de perfekte til print og god til overskrifter på websiden. Hvis du har udskriftsvenlige versioner af dit websted, er dette det perfekte sted at bruge serif skrifttyper. Serifs, i print, gør det nemmere at læse, da de giver folk mulighed for at differentiere bogstaverne tydeligere. Og fordi print har en højere opløsning, kan de ses tydeligere og ikke synes at sløre sammen.

Bedste praksis: Overvej at bruge serif skrifttyper til dine printvenlige sider.

Nogle eksempler på serif skrifttyper er:

  • Garamond
  • Georgien
  • Times
  • Times New Roman

MONOSPACE FONTS TAGE EQUAL SPACE FOR HVER BREV

Selvom dit websted ikke handler om databehandling, kan du bruge monospace til at give instruktioner, give eksempler eller medføre skrivet tekst. Monospace bogstaver har samme bredde for hvert tegn, så de optager altid den samme mængde plads på siden.

Skrivemaskiner bruger typisk monospace skrifttyper, og at bruge dem på din webside kan give dig følelsen af ​​det typewritten indhold.

Nogle eksempler på monospace skrifttyper er:

  • kurer
  • Courier New
  • Lucida Console
  • Monaco

Bedste praksis: Monospace skrifttyper fungerer godt for kodeprøver.

FANTASY OG SCRIPT FONTS ER HÅRD AT LÆS

Fantasy og script skrifttyper er ikke så vidt spredt på computere, og generelt kan det være svært at læse i store klumper. Mens du måske kan lide effekten af ​​en dagbog eller en anden personlig post, som bruger en cursiv skrifttype kan give, kan dine læsere have problemer. Dette er især tilfældet, hvis dit publikum indeholder ikke-modersmål. Desuden indeholder fantasy og cursive skrifttyper ikke altid accenttegn eller andre specialtegn, der begrænser din tekst til engelsk.

Brug fantasy og cursive skrifttyper i billeder og som overskrifter eller udkald. Hold dem korte og vær opmærksom på, at uanset hvilken skrifttype du vælger sandsynligvis ikke vil være på flertallet af dine læsers computere, så du bliver nødt til at levere dem ved hjælp af web skrifttyper.

Nogle eksempler på fantasy skrifttyper er:

  • kobberstik
  • Desdemona
  • Indvirkning
  • kino

Trivia: Virkningen er, at skrifttypefamilien sandsynligvis vil være på Mac, Windows og Unix-maskiner.

Nogle eksempler på script skrifttyper er:

  • Apple Chancery
  • Comic Sans MS
  • Lucida Håndskrift

Trivia: Undersøgelser har vist, at skrifttyper, der er sværere at læse, kan hjælpe eleverne med at beholde flere af oplysningerne.

Originalartikel af Jennifer Krynin. Redigeret af Jeremy Girard den 9/8/17