Vlastnost rodiny písem CSS
Příklad
Určete písmo pro dva odstavce:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Definice a použití
Vlastnost font-family
určuje písmo pro prvek.
Vlastnost font-family
může obsahovat několik názvů písem jako "záložní" systém. Pokud prohlížeč nepodporuje první písmo, vyzkouší další písmo.
Existují dva typy názvů rodin písem:
- family-name – název rodiny písem, jako „times“, „kurýr“, „arial“ atd.
- generic-family – Název generické rodiny, jako „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace“.
Začněte požadovaným písmem a vždy skončete generickou rodinou, aby prohlížeč vybral podobné písmo z generické rodiny, pokud nejsou k dispozici žádná jiná písma.
Poznámka: Každou hodnotu oddělte čárkou.
Poznámka: Pokud název písma obsahuje mezery, musí být v uvozovkách. Při použití atributu „style“ v HTML je nutné použít jednoduché uvozovky.
Výchozí hodnota: | záleží na prohlížeči |
---|---|
Zděděno: | Ano |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | CSS1 |
Syntaxe JavaScriptu: | objekt .style.fontFamily="Verdana,sans-serif" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
font-family: family-name|generic-family|initial|inherit;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Související stránky
CSS tutoriál: CSS Font
CSS reference: vlastnost fontu
Odkaz HTML DOM: vlastnost fontFamily