Forskjell mellom versjoner av «Websikre fonter»

Fra LiavaagWiki
Hopp til navigering Hopp til søk
m (Beskyttet «Websikre fonter»: Side med mange besøkende ([edit=sysop] (ubestemt) [move=sysop] (ubestemt)) [dypbeskyttelse])
Linje 1: Linje 1:
 
= CSS Web Safe Fonts =
 
= CSS Web Safe Fonts =
  
 +
<div style="float:right">
 +
[[Fil:Kran-Moss.jpg|380x550px]]
 +
</div>
  
 
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.
 
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.

Revisjonen fra 28. mar. 2012 kl. 05:21

CSS Web Safe Fonts

Kran-Moss.jpg

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;

}


Lenker til andre redskaper