Forskjell mellom versjoner av «Websikre fonter»

Fra LiavaagWiki
Hopp til navigering Hopp til søk
Linje 44: Linje 44:
 
== Eksempler på fontene ==
 
== Eksempler på fontene ==
  
Hvis du vil se hvordan de forskjellige fontene ser ut kan du gå til den engelske versjonen på Liavaag.org: [http://www.liavaag.org/English/Web-Tools/Web-Safe-Fonts.html Web Safe Fonts].
+
Hvis du vil se hvordan de forskjellige fontene ser ut kan du gå til den engelske versjonen på Liavaag.org: [https://www.liavaag.org/English/Web-Tools/Web-Safe-Fonts.html Web Safe Fonts].
 
   
 
   
  
 
== Lenker til andre redskaper ==
 
== Lenker til andre redskaper ==
  
*[http://www.liavaag.org/English/Download/ Downloads]
+
*[https://www.liavaag.org/English/Download/ Downloads]
*[http://www.liavaag.org/English/MD5-Generator/ Encryption Generator]
+
*[https://www.liavaag.org/English/MD5-Generator/ Encryption Generator]
*[http://www.liavaag.org/English/Validator/ HTML Validator]
+
*[https://www.liavaag.org/English/Validator/ HTML Validator]
*[http://www.liavaag.org/English/QR-Code-Generator/ QR-Code Generator]
+
*[https://www.liavaag.org/English/QR-Code-Generator/ QR-Code Generator]
*[http://www.liavaag.org/English/Speedometer/ Speedometer]
+
*[https://www.liavaag.org/English/Speedometer/ Speedometer]
*[http://www.liavaag.org/English/Web-Tools/  Web Tools]
+
*[https://www.liavaag.org/English/Web-Tools/  Web Tools]
**[http://www.liavaag.org/English/Web-Tools/ASCII-Converter.html ASCII Converter]
+
**[https://www.liavaag.org/English/Web-Tools/ASCII-Converter.html ASCII Converter]
**[http://www.liavaag.org/English/Web-Tools/Web-Safe-Colours.html Web Safe Colours]
+
**[https://www.liavaag.org/English/Web-Tools/Web-Safe-Colours.html Web Safe Colours]
**[http://www.liavaag.org/English/Web-Tools/Web-Safe-Fonts.html Web Safe Fonts] (engelsk versjon med eksempler)
+
**[https://www.liavaag.org/English/Web-Tools/Web-Safe-Fonts.html Web Safe Fonts] (engelsk versjon med eksempler)

Revisjonen fra 3. jun. 2016 kl. 23:42

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;

}


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.


Lenker til andre redskaper