Fonter på nett - Hvilke kan jeg bruke?

Når en skal velge en font (skrifttype) en skal ha på bloggen/nettsiden sin, så har en faktisk ikke så veldig mange å velge imellom. Her er eksempler på de 10 mest brukte.

Nå kan du jo si at jeg har jo 100vis av fonter på min maskin, så hvorfor kan jeg ikke benytte meg av disse?

Svaret på det er veldig enkelt. Hvis ikke den som kommer inn på siden din har den fonten, så vil han/hun ikke se den fonten, men den fonten som er satt som deafult i nettleseren. Dette kan gjøre at siden ikke vil se ut slik som det er ment.

Du kan heller ikke benytte deg av alle fonter som kommer med Windows. Grunnen til dette er at ikke alle OS har de samme fontene (Mac og Linux). Så hvis du benytter en font som en Mac- eller Linux-bruker ikke har, så vil nettsiden ikke vises riktig (fra din side).

Reglen er da og benytte seg av en font som alle nettlesere og OS kan se. Her er de mest brukte, som også finnes på alle systemer.

Trebuchet MS

Trebuchet MS (sans-serif) er en av mine absolutt favoritter, og jeg har benyttet meg av den på flere nettsider.
Den er designet av Vincent Connare for Microsoft i 1996. Les mer om Trebuchet MS hos Wikipedia.

Eksempel på Trebuchet MS

Verdana

Verdana (sans-serif) er en annen av mine favoritter. Som en kan se av eksemplet i bildene, så er denne fonten bredere enn Trebuchet MS, og krever mer plass.
Verdana ble designet av Matthew Carter i 1996 for Microsoft. Les mer om Verdana hos Wikipedia.

Eksempel på Verdana

Arial

Arial (sans-serif) er en font som er mye benyttet på nettet, og med god grunn. Den er ren, pen og lettleslig.
Designet av Robin Nicholas i 1992. Les mer om Ariel på Wikipedia.

Eksempel på Arial

Tahoma

Tahoma (sans-serif) er også mye brukt på nett.
Designet av Matthew Carter i 1996 for Microsoft. Les mer om Tahoma på Wikipedia.

Eksempel på Tahoma

Lucida Sans Unicode

Lucida Sans Unicode (sans-serif) er en font som jeg ikke har så mye erfaring med. Den er lettlest, men krever en del mer plass enn de andre sans-serif- fontene.
Charles Bigelow og Kris Holmes i 1993. Les mer om Lucida Sans Unicode hos Wikipedia.

Eksempel på Lucida Sans Unicode

Georgia

Georgia (serif) er etter min mening en av de beste serif-fontene. Men disse passer best på papir enn på nett (min mening). Men hvis en ønsker en slik font på nettsiden, så kan denne brukes f.eks. til overskrifter (h1-h6) eller til uthevede paragrafer (blockqout).
Designet av Matthew Carter i 1993 for Micrisift. Les mer om Georgia hos Wikipedia.

Eksempel på Georgia

Times New Roman

Times New Roman (serif) brukes (dessverre) av flere nettsteder, bl.a. Vg.no. Denne fonten burde ikke brukes på web (eller på skjerm), men holdes på papir.
Designet av Stanley Morison i 1931 (altså beregnet for trykk). Les mer om Times New Roman hos Wikipedia.

Eksempel på Times New Roman

Lucida Console

Lucida Console (monospace). En font jeg ikke har erfaring med.
Designet av Charles Bigelow og Kris Holmes i 1985. Les mer om Lucida Console hos Wikipedia.

Eksempel på Lucida Console

Courier New

Courier New (monospace). En “skrivemaskin”-font som jeg ikke er så glad i på nett.
Designet av Howard “Bud” Kettler i 1955 for bruk på IBM skrivemaskiner. Les mer om Courier New på Wikipedia.

fonter_courier_new.png

Impact

Impact (sans-serif) er ikke ment som en font til bruk for vanlig tekst, men til overskrifter. Selv, så har jeg ikke så mye til overs for denne fonten, og synes den passer bedre til kjempe overskrifter på kinoplakater.
Designet av Geoffrey Lee i 1965. Les mer om Impact på Wikipedia.

Eksempel på Impact

Litt font-moro til slutt

Kan du se forskjell på Arial og Helvetica?
Test deg selv her.

Kilde: Speckyboy

[del.icio.us] [Digg] [Facebook] [Furl] [Google] [Ma.gnolia] [MySpace] [Reddit] [Slashdot] [Sphere] [StumbleUpon] [Technorati] [Windows Live] [Yahoo!] [Email]

Hvis du fant denne posten interessant, så vil du vel abonnere på min RSS feed!

4 kommentarer to “Fonter på nett - Hvilke kan jeg bruke?”

  1. Jeg tror faktisk ingen av disse er tilgjengelig i for eksempel Linux som standard (selv om det er enkelt å installere), men jeg kjenner faktisk ikke til noen skrifttyper som finnes i alle operativsystemer.

    Det lønner seg egentlig å finne ut hvilke skrifttyper som finnes i forskjellige operativsystemer og sette opp alternativer for alle, i alle fall for serif-fonter.

  2. Hm, da har jeg fått feil opplysninger :( Har ikke Linux selv, så har ikke fått testet det.
    Som du sier, så burde en selvfølgelig sette opp fler fonter som alternativer. Skal lete opp litt info. og komme med en artikkel etter hvert ;)

  3. Flott.

    Forøvrig, for de som måtte lure, så finner du alle disse skrifttypene ved å installere pakken «msttcorefonts» via Synaptic eller lignende verktøy i linux. Det er med andre ord banalt enkelt å legge inn, men det kan være greit å ta med «sans» eller «serif» som font i tillegg likevel. Tror de finnes på alle distribusjoner, selv om jeg ikke har sjekket det.

  4. […] kom nettopp over denne informasjonen om bruk av fonter, fra WPNorge.org Hvis ikke den som kommer inn på siden din har den fonten, så vil han/hun ikke se den fonten, men […]

Skriv en melding

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

WPNorge.org -> WPStart.org

Jeg har besluttet og legge ned WPNorge.org, og heller konsentrere meg om WPStart.org. Grunnen er at jeg ikke lenger har tid til å holde begge sidene oppdatert.

Takk til alle som har fulgt denne siden, og velkommen til WPStart.org

Lettere WordPress

screenhunter_01-sep-04-1625.jpgWPLite er et innstikk der du kan fjerne det du ikke trenger i WordPress, selv skrivebordet i WordPress kan fjernes. Dette innstikke kan være nyttig for de som f.eks. setter opp en WordPress blogg for noen som synes det ser for komplisert ut og/eller ikke trenger alle funksjonene WordPress tilbyr.

Blanke WordPress temaer for utviklere

screenhunter_14-sep-02-1217.jpgNår en skal lage et eget tema til WordPress, så trenger man ikke begynne med helt blanke ark. Det finnes flere “start temaer” som gjør jobben lettere. Ønsker du ditt eget WordPress tema, så ta en titt på disse.

478 Temaer med 2 kolonner - Del 5

screenhunter_53-sep-06-2110.jpgHer er del 5 av serien med temaer for WordPress med 2 kolonner. Som del 1, 2, 3 og 4, så oppdateres også denne posten frem til 100 temaer.

Utvid teksten med “Expanding Text” innstikk

screenhunter_07-sep-01-1107.jpgDette innstikket er genialt for f.eks. FAQ-sider. Når brukeren klikker på et spørsmål, så dukker svaret opp under. Enkelt og oversiktlig.

400 Temaer med 2 kolonner - Del 4

screenhunter_29-aug-29-0033.jpgHer er del 4 av serien med temaer for WordPress med 2 kolonner. Som del 1, 2 og 3, så oppdateres også denne posten frem til 100 temaer.

232 Temaer med 3 kolonner - Del 3

screenhunter_21-aug-28-2355.jpgDe to første posten med temaer med 3 kolonner har kommet opp i 100 temaer, og her er del 3.

WordPress som fotoblogg - Temaer

screenhunter_19-sep-10-2249.jpgTemaer til WordPress som er spesielt beregnet på fotoblogger.

 

Clicky Web Analytics
Rodney's Bread Crumbs plugged in.