En skrift kan ofte lage eller ødelegge et webområde. Skrifter spiller en viktig rolle i den visuelle appellen til et nettsted, og å velge riktig skrift kan gå langt i å gjøre et nettsted mer tiltalende for brukerne dine. Det er flere ting du bør vurdere når du velger en skrift for nettstedet ditt, inkludert lesbarhet og visuell appell. Det er også viktig å velge en websikker skrift slik at den fungerer bra på alle enheter, nettlesere og operativsystemer.

 

Font

 

5 typer webskrifter

Skrifter klassifiseres vanligvis i fem kategorier. De har alle særegne egenskaper og brukes til forskjellige formål. De fem kategoriene er Serif, Sans-serif, Monospace, Cursive og Fantasy.

Serif

Serif font Serif-skrifter gjenkjennes av de små ekstra strøkene på kantene av bokstaver. Serif-skrifter brukes ofte på nettsteder fordi de er svært leselige. De ser også formelle ut og brukes i akademisk skriving, trykte medier, etc. Noen av de mest brukte Serif-skriftene er Times New Roman, Cambria og Garamond.

Sans-serif

Sans-serif font Sans-serif-skrifter har ikke de ekstra strekene som legges til i Serif-skrifter. Skrifter fra denne familien har en minimalistisk følelse og store mellomrom mellom bokstaver, noe som gjør dem svært leselige skrifter. De brukes ofte til utskrift og digitalt innhold.

Monospace

Monospace font Monospace fonter har svært særegne, brede mellomrom mellom bokstaver, noe som gir dem et veldig rent utseende. De er ofte forbundet med skrivemaskiner og dataterminaler fordi det er der brukerne møter dem oftest. Courier er en av de mest brukte Monospace-skriftene.

Kursiv

Cursive font Som navnet antyder, etterligner kursive skrifter håndskrift, med bokstaver som gjentas sammen på en flytende måte. Kursive skrifter brukes sjelden i tekstblokker fordi de kan være vanskelige å lese. I stedet brukes de oftere til blogginnlegg og overskrifter.

Fantasi

Fantasy font Fantasy-skrifter har et veldig særegent, kreativt utseende. De er veldig dekorative, noe som gjør dem gode for filmtitler (f.eks. Harry Potter), romantitler, videospill, etc.

HTML-skrifter

Du kan finne 20 websikre skrifter som du kan bruke for nettstedet ditt nedenfor.

Arial

Arial fonts Arial tilhører skriftkategorien Sans-serif. Det er en klassisk skrift som for det meste passer for alle nettsteder. Det er en veldig minimalistisk skrift med et rent utseende. Det er lett å lese, og derfor brukes det ofte i trykte medier som aviser. Du kan ikke gå galt med Arial, så hvis du leter etter en skrift for å gi nettstedet ditt et rent og polert utseende, er dette et godt valg.

Arial smal

Arian Narrow fonts Arial Narrow er en stil i Arial-skriftfamilien. Som navnet antyder, ser skriften smal ut, som bokstavene ble presset sammen. Den har et ganske minimalistisk utseende, noe som gjør det til et godt valg for nettsteder som trenger et enkelt, polert utseende.

Ganger

Times fonts Times er en annen klassisk skrift som raskt ble standardskriften for trykte medier og akademisk skriving. Dette er en av skriftene som de fleste er vant til å se, så det er et godt valg hvis du vil at nettstedet ditt skal ha en kjent følelse. Det er også en flott skrift for nettsteder som har mye tekst (f.eks. blogger).

Ganger Ny Romersk

Times New Roman fonts Times New Roman er en variant av Times-skriften. Det er kanskje den mest brukte skriften generelt fordi den er akseptert som standardskrift for akademisk skriving og trykte medier. Det er et godt valg hvis du vil at nettstedet ditt skal se profesjonelt og polert ut.

Helvetica

Helvetica fonts Helvetica er et mye brukt sans-serif skriftsnitt. Du kan gjenkjenne at den brukes til kommersielle ordmerker for populære merker som Adult Swim, Panasonic, Skype, Verizon og Funimation. Det brukes også ofte til helseadvarsler om tobakksprodukter i EU, så vel som for føderale inntektsskatteskjemaer i USA. Helvetica er en veldig allsidig skrift som har et rent utseende. Den passer for alle slags nettsteder.

Courier

Courier fonts Courier har et veldig særegent utseende, med store mellomrom mellom bokstaver. Courier er et godt valg hvis nettstedet ditt er relatert til filmer fordi det er standardskriften for filmmanus. Det brukes imidlertid ikke vanligvis for lange tekstdeler. Det er bedre brukt til titler på nettsteder, da det er mer dekorativt enn noe annet.

Courier Ny

Courier New fonts Courier Now er som en tynnere versjon av Courier-skriften. Du gjenkjenner det kanskje som standard systemskrift i elektroniske enheter.

Candara

Candara fonts Candara er klassifisert som et humanistisk sans-serif-skriftsnitt og ble opprinnelig utgitt med Windows Vista. Det er en del av Microsofts ClearType-skriftsamling.
Det er en klar, svært lesbar skrift, noe som gjør den perfekt for skjermer og blogginnleggstitler. Imidlertid har det litt av en gammeldags følelse av det.

Verdana

Verdana fonts Verdana er en sans-serif-skrift. Det er en veldig klar, lesbar skrift med store mellomrom mellom bokstaver. Skriften ble brukt av den skandinaviske møbelgiganten IKEA i årevis, men den byttet nylig til en annen.

Det er en god skrift for både lange tekstblokker og overskrifter. Hvis du trenger å sette mye tekst på et lite sted, er Verdana et godt valg fordi det fortsatt er veldig lesbart når du er i liten størrelse.

Kaliber

Calibri fonts Calibri er et sans-serif skriftsnitt. Det er for øyeblikket standard skriftsnitt for Microsoft Office og annen Microsoft-programvare, og har vært det siden 2007, selv om Microsoft planlegger å endre det. Calibri har et moderne utseende med en varm følelse på grunn av de avrundede linjene. Den passer for mange tekststørrelser på grunn av lesbarheten. Fordi den har et rent utseende, kan den brukes til alle typer nettsteder.

Optima

Optima fonts Optima er et sans-serif-skriftsnitt. Den har et rent utseende med en klassisk, men elegant følelse. Den brukes av noen high-end merker som og Spencer.

Det er en veldig allsidig skrift som spesielt passer blogginnlegg, bøker og destinasjonssider.

Cambria

Cambria fonts Cambria er en serif-skrift. Den har en veldig moderne følelse, og de horisontale serifene gjør den til en veldig klar, leselig skrift. Det er også ganske allsidig og er flott hvis du trenger å plassere store tekstblokker på små mellomrom.

Perpetua

Perpetua fonts Perpetua er et serif-skriftsnitt. Det er formelt og elegant med et klassisk utseende. Perpetua er et populært valg for utskrift av fine bøker og har en kreativ følelse av det. Det er også en god skrift for pedagogiske og informære tekster.

Garamond

Garamond fonts Garamond er en serif-skrift. Det har litt av en antikk følelse, og du kan gjenkjenne det fra trykte bøker som Harry Potter. Det er et vanlig skriftvalg for trykte bøker og digitale skjermer.

Didot

Didot fonts Didot er en serif-skrift. Den har et klassisk design som ikke ser utdatert ut. Den har et formelt, estetisk tiltalende utseende, så det er et godt skriftvalg for overskrifter og slagord. Det brukes også ofte til logoer. Didot ble brukt til CBC News-logoen tidligere. Det er også skriften som brukes i den nåværende logoen for The Late Show med Stephen Colbert.

Pensel- skript

Brush Script fonts Penselskript er en kursiv skrift som etterligner håndskrevne strøk. Det føles uformelt /uformelt og bør brukes sparsomt. Det er en god skrift for plakater, popup-vinduer og destinasjonssider. Men det bør unngås på nettsteder i store tekstblokker, da det blir vanskelig å lese, spesielt når det er i liten tekststørrelse.

Lucida Lys

Lucida Bright fonts Lucida Bright er en serif-skrift. Det ser offisielt og rent ut, og derfor er det et godt valg for offisiell dokumentasjon, magasiner og til og med forretningsrapporter.

Monaco

Monaco fonts Monaco er et monospaced sans-serif-skriftsnitt som ofte brukes i macOS. Selv om det er en ganske enkel skrift, skiller den seg også ut. Det er et godt valg for destinasjonssider, popup-vinduer, etc., spesielt når du vil trekke oppmerksomhet.

Kopperstikk

Copperplate fonts Copperplate er en monoton skrift og bruker bare store bokstaver. Det er et flott alternativ for overskrifter og titler på nettsteder, men brukes også ofte til visittkort. Skriften var mye omtalt i showet Who Wants to be a Millionaire.

Bradley Hånd

Bradley Hand fonts Bradey Hand er en kursiv skrift som ligner på håndskrift. Det er et godt valg for dekorativ tekst for reklame og merkevarebygging, men bør brukes sparsomt. Den har en uformell og mer personlig følelse, så det er et godt valg når du vil skape en mer koselig følelse.

Slik legger du til HTML-skrifter

Du kan legge til HTML-skrifter på WordPress-nettstedet ditt enten manuelt eller ved hjelp av plugins.

Legge til HTML-skrifter manuelt

Det er generelt enklere og raskere å bruke plugins, men hvis du ikke ønsker å legge til enda flere plugins på WordPress-nettstedet ditt, kan du legge til HTML-skrifter manuelt.

  1. Last ned den valgte skriften fra en webskriftleverandør.
  2. Konverter skriften til et webvennlig format ved hjelp av Webfont Generator-verktøyet.
  3. Last ned den konverterte skriften, og last den opp til wp-content/themes/your-theme/fonts directory.

Legge til HTML-skrifter ved hjelp av plugin-moduler

Det er mye enklere å bruke plugins for å legge til skrifter, spesielt hvis du ikke har mye erfaring med å gjøre det manuelt. Det er mange HTML-skriftpluginer som du kan legge til på WordPress-nettstedet ditt.

Du kan installere WordPress-plugins på et par måter, og det er ikke vanskelig. Slik kan du installere plugins via WordPress admin-skjermen:

  1. Plugins -> Legg til ny.
  2. Bruk galleriet med plugins eller søkefunksjonen, finn plugin(er) du vil bruke, og klikk installer nå.
  3. Når plugin-modulen er installert, må du trykke på Aktiver for å slå den på.

 

 

Det er også mulig å installere WordPress-plugins som du fikk fra tredjepartskilder. Du må imidlertid være veldig forsiktig med hvilke plugins du installerer og hvor du laster dem ned fra fordi ondsinnede skuespillere ofte prøver å bruke plugins for å laste opp ondsinnet kode til nettsteder. Last bare ned pålitelige plugins fra pålitelige kilder. Hvis du vil legge til en plugin-modul du har lastet ned fra en tredjepartskilde, bruker du instruksjonene nedenfor:

  1. Last ned plugin-modulens ZIP-fil fra en pålitelig kilde.
  2. Plugins -> Legg til ny -> Last opp plugin.
  3. Dra ZIP-filen, eller last den opp.
  4. Klikk Installer nå.
  5. Klikk aktiver plugin-modul.

Legg igjen en kommentar