Font-family
font-family - definiuje rodzaj czcionki elementu.
Wartość można zdefiniować w postaci nazwy czcionki:
body { font-family: Verdana, Arial, Helvetica }
Czcionki wymienione po przecinku to czcionki alternatywne. Jeśli przeglądarka nie znajdzie w systemie pierwszej na liście czcionki, spróbuje zastosować następną. Wymienienie w tym miejscu kilku podobnych czcionek zwiększa szanse ze strona będzie wyglądała tak jak powinna.
jeśli w nazwie czcionki występują spacje należy wziąć ją w cudzysłów
body { font-family: "Times new Roman" }
Drugim, bardziej ogólnym, sposobem określenia rodzaju czcionki jest użycie nazwy rodziny do jakiej czcionka należy. Rodziny czionek są zdefiniowane:
- serif - krój szeryfowy, posiadające drobne zdobienia na brzegach literek (np Times)
- sans-serif - krój bez szeryfowy, proste czcionki nie zdobione "serifami", słowo "sans" znaczy po francusku "bez" (np Helvetica)
- cursive - czcionki imitujące pismo ręczne (np Zapf-Chancery)
- fantasy - krój fantazyjny (?) (np Western)
- monospace - krój o stałej szerokości znaku (np Courier)
body { font-family: monospace }
Zalecane jest, by po wymienieniu wszystkich alternatywnych czcionek, na końcu zostawić wpis ogólnej rodziny krojów pisma, co spowoduje wybranie najbardziej odpowiedniego w sytuacji gdy żadna czcionka podana w normalny sposób nie jest dostępna. Bez okreslenia rodziny wstawiona by została domyślna czcionka przeglądarki, która nie zawsze musi pasować do koncepcji wyglądu elementu.
code { font-family: "Lucida Console", "Courier New", monospace; }