510/2006

Säkra typsnitt på webben

När man gör html design och anger vilka typsnitt man vill använda brukar man ange några olika alternativ. Alla plattformar som PC, Mac, Linux och Unix har ju alla olika standardfonter installerade. Man anger fonter i CSS enligt följande. Sans-serif är ett generellt samlingsnamn för att ett typsnitt utan "fötter" ska väljas.

body { font:0.75em/1.3em Arial, Helvetica, sans-serif; }

Om man vill att samma font ska visas för alla besökare blir man väldigt begränsad. Hittade en sida på nätet som skriver att de följande är de vanligaste webb-säkra fonterna.

* Arial / Helvetica
* Times New Roman / Times
* Courier New / Courier

Andra alternativ som brukar fungera bra är:

* Palatino
* Garamond
* Bookman
* Avant Garde

Några fonter som fungerar bra på Windows and MacOS men inte Unix+X är:

* Verdana
* Georgia
* Comic Sans MS
* Trebuchet MS
* Arial Black
* Impact

Av Jesper Lind
CSS HTML Design Typografi

Kommentarer

Tess skrev:

25:e Oktober 2007

Hej! Din sida/blogg är grym!! Har försökt hitta sidor där man kan läsa om säkra typsnitt och hamnade på din, förstog inte så mycket om det där med "fötter" förens jag läste det du skrev. Tack! =)

/Mvh Tess

Eva Bergquist skrev:

18:e November 2008

Hej!

Har sökt information hela dagen efter säkra webb-typsnitt, eller ska jag säga, säkra Windows/Mac-typsnitt som funkar på samma sätt/ser likadana ut i båda systemen då man t ex öppnar ett Word-dokument. Nu såg jag att den här artikeln var två år gammal och kanske inte är aktuell längre? Hur är det med det? Är det fortfarande samma typsnitt som är webb-säkra eller är det nya bud??

Jättetacksam för ett insiktsfullt och uptodate svar!

Hälsningar Eva


Sidor

Etiketter

Ads