CSS vlastnost font-family určuje font, který se použije k vykreslení písma.
| hodnoty | použitý font |
|---|---|
| jméno fontu | pokud prohlížeč písmo najde, použije ho k vykreslení prvku |
| jméno fontu1, jméno fontu2 | pokud prohlížeč nenajde první písmo, zkouší najít další |
| obecné jméno fontu | prohlížeč má v sobě nadefinováno pár fontů |
Font-family se někdy překládá jako rodina písma, častěji se o tom mluví prostě jako o fontu. Dá se tak nastavit Arial, Times a jiné fonty.
Jiné fonty ale nemusejí být na počítači uživatele nainstalovány nebo nemusejí být správně česky. Velmi častá chyba je uvést do font-family nějaké zvláštní písmo, které mám na počítači jenom já. V lepším případě jej uživatel neuvidí a písmo se mu vykreslí základním písmem (obvykle Times), v horším případě to zvláštní písmo nainstalováno mít bude, ale v západoevropské verzi. Pak se rozhazuje diakritika u písmenek ě š č ř ů.
Právě z důvodu, že některá písma nemusejí být nainstalovaná, se jejich zápisi za sebe mohou řadit.
Obecná jména fontů záleží na nastavení prohlížeče nebo operačního systému (na windows se to dělá někde v nastavení plochy, nevím).
| hodnota | obecné jméno fontu |
|---|---|
| serif | patkové písmo, nejčastěji Times New Roman |
| sans-serif | bezpatkové písmo, nejčastěji Arial |
| cursive | psací písmo |
| fantasy | divoké volně psané písmo |
| monotype | jako psací stroj |
Všude.
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 3, 4, 5, 5.5, 6 | ||
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 3, 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ano |
Nejčastěji se nastavuje bezpatkové písmo celé stránce. Dá se to udělat např. tímto zápisem:
body {font-family: Arial, Helvetica, sans-serif}
Pokud na operačním systému není nainstalován Arial, hledá prohlížeč Helveticu. Pokud ani tu nenajde, vykreslí písmo písmem bez-patkovým (sans-serif).
Použití uživatelských písem aneb test obecných jmen fontů
Existuje jen relativně velmi málo písem, které lze s velkou pravděpodobností úspěchu na stránkách použít. Webově použitelná písma -- přehled (zastaralé).
Font-size = velikost písma, Font-style = kurzíva, Font-weight = tučnost
Dynamické fonty eot s programem WEFT umožňují načítání vlastních fontů do stránek (v Internet Exploreru)
Česká písma, finální řešení - Pixyho přehled hodnot pro font-family. Písma, která se hodí pro české texty.
o tvorbě, údržbě a zlepšování internetových stránek