Websikre fonter

CSS Web Safe Fonts

Her er listen på websikre fonter jeg bruker til min personlige webutvikling. Fontene validerer på stilark, hvilket betyr at nettlesere på Linux, Windows, Mac m.fl. støtter disse. Font familiene på CSS fungerer kompatibilitetsmessig slik at den første fonten er førstevalget, andre fonten andrevalg osv. Siste fonten i en fontfamilie må være generisk (for eksempel sans-serif), i tilfelle de andre fontene ikke støttes.

Windows fonter / Mac fonter / Font familier

• Arial, Helvetica, sans-serif;
• "Arial Black", Gadget, sans-serif;
• "Bookman Old Style", serif;
• "Comic Sans MS", cursive, sans-serif;
• Courier, monospace;
• "Courier New", Courier, monospace;
• Garamond, serif;
• Georgia, serif;
• Impact, Charcoal, sans-serif;
• "Lucida Console", Monaco, monospace;
• "Lucida Sans Unicode", "Lucida Grande", sans-serif;
• "MS Sans Serif", Geneva, sans-serif;
• "MS Serif", "New York", sans-serif;
• "Palatino Linotype", "Book Antiqua", Palatino, serif;
• Symbol, sans-serif;
• Tahoma, Geneva, sans-serif;
• "Times New Roman", Times, serif;
• "Trebuchet MS", Helvetica, sans-serif;
• Verdana, Geneva, sans-serif;
• Webdings, sans-serif;
• Wingdings, "Zapf Dingbats", sans-serif;

Eksempel på CSS kode

I stilarket er det bare å bruke en av fontfamiliene over, og legge de inn etter koden font-family:

h1 {

  font-family:Arial, Helvetica, sans-serif;

}

Eksempler på fontene

Hvis du vil se hvordan de forskjellige fontene ser ut kan du gå til den engelske versjonen på Liavaag.org: Web Safe Fonts.

Liavaag.org