font-familyVlastnost definuje písmo, který je aplikován na vybraný prvek. Vybrané písmo není jediný obličej písma, ale „rodina“, a proto může být při výběru správné tváře v rámci rodiny závislé na jiných hodnotách typografických vlastností.
body ( font-family: Arial, Helvetica, sans-serif; )Hodnota může být jedna z následujících:
- Název rodiny písem, který odpovídá písmu vloženému na stránce nebo dostupnému v systému uživatele.
- Řada příjmení oddělených čárkami, která mohou obsahovat obecné příjmení
Pokud je použito více příjmení, prohlížeč vybere první, které najde buď vložené na stránce pomocí @font-facenebo nainstalované v operačním systému uživatele.
Protože font-familyneexistuje žádná konkrétní výchozí nebo počáteční hodnota; počáteční hodnota vždy závisí na prohlížeči a / nebo operačním systému.
Obecná jména rodin
Pokud se pro jednu deklaraci používá více hodnot, doporučuje se mít obecnou rodinu uvedenou jako záložní jako poslední, aby byla zajištěna nejlepší typografická zkušenost:
code ( font-family: Courier, Monaco, monospace; )Ve výše uvedeném příkladu jsou slova „Courier“ a „Monaco“ skutečnými rodinnými jmény skutečných písem, zatímco „monospace“ je pouze obecným odkazem na jakékoli písmo nainstalované v systému uživatele, které má jednoprostorové písmo.
Pokud první dva nejsou nalezeny nainstalované, prohlížeč vybere nejlepší možnost, ale pouze z jednoprostorových písem. Bez generické rodiny by písmo mělo výchozí výchozí písmo v systému uživatele (pravděpodobně patkové nebo bezpatkové), což by bylo nežádoucí.
Generické příjmení zahrnují serif, sans-serif, cursive, fantasya monospace.
Pokud se příjmení shoduje s obecným příjmením, mělo by se uvést, aby naznačovalo, že se nejedná o obecný název.
Víceslovná příjmení
Pokud příjmení obsahuje více slov oddělených mezerami, doporučuje se uvést příjmení v uvozovkách (jednoduchých nebo dvojitých):
code ( font-family: "Times New Roman", Georgia, serif; )To není vždy nutné, ale obecně je bezpečnější uvést uvozovky všech příjmení, která obsahují mezery nebo speciální znaky.
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Funguje | Funguje | Funguje | Funguje | Funguje | Funguje | Funguje |