Diskusjon:Sprite og CSS sprites og Websikre fonter: Forskjell mellom sider

Fra LiavaagWiki
(Forskjell mellom sider)
Hopp til navigering Hopp til søk
m (Beskyttet «Diskusjon:Sprite og CSS sprites»: Side med mange besøkende ([Redigering=Tillat kun administratorer] (ubestemt) [Flytting=Tillat kun administratorer] (ubestemt)) [dypbeskyttelse])
 
m (Beskyttet «Websikre fonter»: Side med mange besøkende ([Redigering=Tillat kun administratorer] (ubestemt) [Flytting=Tillat kun administratorer] (ubestemt)) [dypbeskyttelse])
 
Linje 1: Linje 1:
==Diskuter ikke det opplagte==
== CSS Web Safe Fonts ==
Liavaag.org er et privatdrevet nettsted som fokuserer underholdende og kvalitativt innhold som skal være lett tilgjengelig. For at det skal være lett tilgjengelig bygger nettstedet derfor teknologier som støtter semantisk web, søkeoptimalisering (SEO) og tilgjengelighet for brukere med nedsatte funksjonsevner (WAI), universell utforming og ISO/IEC 40500. Videre er det selvfølgelig støtte for alle typer enheter fra håndholdte mobiltelefoner, smartklokker og smarttelefoner, samt nettbrett, laptoper, desktoper og Smart-TV.
<div style="float:right">
[[Fil:Kran-Moss.jpg|380x550px]]
</div>
Her er listen websikre fonter jeg bruker til min personlige webutvikling. Fontene validerer på stilark, hvilket betyr at nettlesere 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.


==SoMe==
== Windows fonter / Mac fonter / Font familier ==
LiavaagWiki bygger delingskultur og brukergenerert innhold. For tiden er det [[Spesial:Statistikk|{{NUMBEROFARTICLES}}]] artikler wikien. Begrepet Web 2.0 brukes ofte synonymt med sosiale nettsteder, sosiale nettverk, sosiale medier, nettsamfunn og virtuelle samfunn. Wikien fungerer som et slags betaprosjekt, så derfor er verken wikien eller diskusjonsforumene på LiavaagWiki åpent for besøkende. Dette på grunn av veldig stor pågang, og derfor vandalisme og spam.
*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 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 Liavaag.org: [https://www.liavaag.org/English/Web-Tools/Web-Safe-Fonts.html Web Safe Fonts].
 
<div style="text-align:right; float:right; clear:both;">
<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
</div>

Siste sideversjon per 25. sep. 2023 kl. 12:50

CSS Web Safe Fonts

Fil: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.

Liavaag.org