font-family

Font-family se uporablja za določevanje pisav po njihovih imenih. Pisavo kličemo samo po njenem imenu, ki je shranjena v sistemski mapi/mapi pisav. Mi smo zadolženi, da določimo samo eno pisavo. Toda vedno je dobro, če imamo določenih več podobnih, če slučajno uporabnik uporablja drugo platformo in ta nima vgrajene te pisave. Priporočeno je uporabljati pisave ki so že vgrajene v sam sistem.

Poznamo pet vrst tako imenovanih generičnih (rodovnih) pisav, ki niso vsakdanje za uporabo in so vgrajene v vsak sistem. Te pisave so: serif, sans-serif, monospace, cursive in fantasy. Za prve tri je popolnoma jasno katere pisave predstavljajo, za zadnji dve pa ni, zato se izogibajmo uporabi tudi le-teh. Uporabimo jih na koncu seznama pisav. S tem si zagotovimo, da bo besedilo res prikazano na vsakem računalniku. Če uporabimo več pisav jih ločimo z vejico in enim presledkom. Če ime pisave vsebuje presledek, je potrebno ime pisave zapisati v narekovajih. Enojni narekovaj se uporabi, če je bil dvojni se uporabljen za lastnost style v HTML (ali obratno).

Lastnosti družin pisav vsebuje hierarhični seznam družin pisav ali imen pisav za elemente. Brskalnik bo uporabil prvo določeno vrednost, ki je podamo.

Če napišemo

h1 { font-family: Gotica, "Times New Roman", sans-serif }

bo brskalnikih za izpis glavnega naslova najprej poskusil uporabiti pisavo z imenom Gotica, če je nima nameščene, bo poskusil s pisavo Times New Roman, če nima niti te, bo pa naslov izpisal s pisavo, ki je prirejena splošni pisavi sans-serif (imena splošnih pisav običajno pišemo na koncu seznama, ker te brskalniki zanesljivo poznajo).

vrednost	opis	NN	IE	CSS
družinsko ime	Izgled pisave določajo imena pisave, v katerih je tudi določeno kako izgledajo kot so npr.: Courier, Arial, Timen, Roman, itd. Ni priporočljivo uporabljati samo te pisav, ker vsi računalniki ne vsebujejo teh pisav.	4	4	1
generično ime	To je pet vrst generičnih oblik pisav. Na izbiro so: cursive, fantasy, monospace, serif, sans-serif. Za generični imeni cursive in fantasy ni enotnega tolmačenja kakšno pisavo naj bi predstavljali.	4	4	1

Primer

body { font-family: arial, "lucida console", sans-serif }
p    { font-family: Helvetica, Times, TimesRoman, serif }

→ Primeri družine pisav

Gor e-gradiva CSS primeri font font-size

SERŠ Maribor : Strokovna gimnazija : 2004 : Jan Kokalj

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri