. Marko Lampret » Definiranje pisave v CSS
08.05.
2008

Danes bi omenil par stvari glede definiranja pisave (fontov) v CSS predlogah.

Ločimo 5 družin pisav, ki jih lahko uporabimo v CSS:

  1. Serif (Times New Roman, Times, Georgia)
  2. Sans-Serif (Arial, Tahoma, Verdana, Helvetica, Geneva)
  3. Monospace (Courier New)
  4. Script (Corsiva)
  5. Fantasy (Comic Sans)

V oklepajih so primeri pisav, ki spadajo v posamezno družino.

Pisavo definiramo tako, da v CSS določimo lastnost font-family za posamezno značko.

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

Tukaj smo določili, da brskalnik za privzeto pisavo uporabi Verdana. Če pisave Verdana ni na voljo, bo uporabil Arial, sicer pa bo uporabil katerokoli pisavo iz družine Sans-serif. Taka definicija je potrebna zaradi raznolikosti brskalnikov, operacijskih sistemov in predvsem različnih tipov pisav, ki jih le-ti uporabljajo.

Definiranje pisav, ki imajo imena sestavljena iz več besed:

body {
 font-family: “Times New Roman”, Times, serif;
}

Pri pisavah, ki imajo ime sestavljeno iz več besed, moramo uporabiti narekovaje ” ” (glej primer zgoraj).

Katero pisavo torej uporabiti?

- za uporabo na zaslonu so priporočjive pisave iz družine Sans-Serif
- družino pisav Serif naj bi se uporabljalo za tiskanje
- Monospace pisave so pogosto uporabljane za prikaz izvorne kode in skript
- pisave iz družin Fantasy in Script so najredkeje uporabljane, največkrat le za estetske dodatke

Kompatibilnost

Uporabniki PC računalnikov pogosto pozabijo na pristaše MAC-ov (in obratno). Prilagam kratek seznam pisav, ki se uporabljajo na obeh sistemih. Imejte ga v mislih, kadar definirate pisave. Tabela je informativne narave, nekateri oblikovalci predlagajo drugačne zamenjave.

PC Font – Mac font (družina pisave)
Arial - Helvetica (Sans-Serif)
Georgia – Georgia (Serif)
Lucida Console – Monaco (Monospace)
Palatino Linotype – Book Antiqua (Script)
Tahoma – Geneva (Sans-Serif)
Times New Roman – Times (Serif)
Trebuchet MS – Helvetica (Sans-Serif)
Verdana - Geneva (Sans-Serif)

Vredno ogleda:
Typetester – pregled različnih pisav
Ampsoft - direktna primerjava PC in MAC pisav

Ni komentarjev.

Dodaj komentar