Styl písma Vlastnost rodiny
Příklad
Nastavte písmo pro prvek:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definice a použití
Vlastnost fontFamily nastavuje nebo vrací seznam názvů fontů a/nebo generických názvů pro text v prvku.
Prohlížeč použije první hodnotu, kterou rozpozná.
Existují dva typy hodnot rodiny písem:
- font-family: Název rodiny písem, například „verdana“ nebo „arial“
- generic-family: Název generické rodiny písem, jako „serif“ nebo „sans-serif“
Tip: Jako poslední alternativu vždy uvádějte obecné příjmení!
Poznámka: Každou hodnotu oddělte čárkou.
Poznámka: Pokud název rodiny písem obsahuje mezery, musí být v uvozovkách.
Tip: Běžně používané kombinace písem naleznete v části Bezpečná písma pro web .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost fontFamily:
object.style.fontFamily
Nastavte vlastnost fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
font1, font2, etc. | A comma-separated 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 |
Technické údaje
Výchozí hodnota: | nespecifikováno |
---|---|
Návratová hodnota: | Řetězec představující název písma textu v prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Ukázka možných hodnot:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Příklad
Vrátit písmo prvku:
alert(document.getElementById("demo").style.fontFamily);
Související stránky
CSS tutoriál: CSS Font
CSS reference: vlastnost font-family
HTML DOM reference: vlastnost fontu
❮ Objekt stylu