Lastnost font-family

Lastnost font-family določa tip pisave.

Sintaksa

cssselektor {
  font-family: ime pisave;
}

Opomba

Če ime pisave vsebuje presledke, na primer Times New Roman, ga je treba zapreti v enojne ali dvojne narekovaje.

Opomba

Lahko naštejete več podobnih pisav ločenih z vejico. Ko brskalnik naleti na prvo pisavo na seznamu, preveri, ali je prisotna na uporabnikovem računalniku. Če takšne pisave ni, se vzame naslednja pisava s seznama in prav tako preveri njeno prisotnost. Zato večje število pisav poveča verjetnost, da bo vsaj ena od njih odkrita na uporabniškem računalniku.

Seznam običajno zaključimo s ključno besedo, ki opisuje tip pisave (vse pisave spadajo v nek tip) - serif, sans-serif, cursive, fantasy ali monospace. Če brskalnik ne najde nobene od navedenih pisav na uporabnikovem računalniku, bo izbral eno od pisav navedenega tipa.

Tipi pisav

Tip	Opis
`serif`	Pisava z zarezami (serif).
`sans-serif`	Pisava brez zarez (sans-serif).
`cursive`	Kurzivna pisava.
`fantasy`	Dekorativna pisava z lepimi zavihki in nenavadnimi efekti.
`monospace`	Monospace pisava, kjer je širina vsakega znaka enaka.

Privzeta vrednost: pisava, nastavljena v brskalniku privzeto. Običajno je to Times New Roman.

Primer

Nastavimo pisavi družino Arial:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: Arial;
}

Результат:

Primer

Nastavimo pisavi družino Times New Roman. Ker je ime pisave sestavljeno iz več besed, ga postavimo v narekovaje:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: "Times New Roman";
}

Результат:

Primer

Nastavimo pisavi pisavo iz skupine serif (najverjetneje bo uporabljen Times New Roman):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: serif;
}

Результат:

Primer

Nastavimo pisavi pisavo iz skupine sans-serif (najverjetneje bo uporabljen Arial):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: sans-serif;
}

Результат:

Primer

Nastavimo pisavi pisavo iz skupine fantasy (pri vas morda ne bo delovalo zaradi odsotnosti takšne pisave):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: fantasy;
}

Результат:

Primer

Nastavimo pisavi pisavo iz skupine monospace (črke bodo postale enake velikosti):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: monospace;
}

Результат: