Style fontFamily Property
Przykład
Ustaw czcionkę dla elementu:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definicja i użycie
Właściwość fontFamily ustawia lub zwraca listę nazw rodzin czcionek i/lub nazw rodzin ogólnych dla tekstu w elemencie.
Przeglądarka użyje pierwszej rozpoznanej wartości.
Istnieją dwa rodzaje wartości rodziny czcionek:
- rodzina czcionek: nazwa rodziny czcionek, np. „verdana” lub „arial”
- generic-family: nazwa ogólnej rodziny czcionek, np. „szeryf” lub „bezszeryfowy”
Wskazówka: Zawsze podawaj ogólną nazwę rodziny jako ostatnią alternatywę!
Uwaga: Oddziel każdą wartość przecinkiem.
Uwaga: Jeśli nazwa rodziny czcionek zawiera spacje, należy ją umieścić w cudzysłowie.
Porada: Przyjrzyj się czcionkom bezpiecznym w Internecie , aby znaleźć często używane kombinacje czcionek.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość fontFamily:
object.style.fontFamily
Ustaw właściwość fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Wartości nieruchomości
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 |
Szczegóły techniczne
Domyślna wartość: | nieokreślony |
---|---|
Wartość zwrotu: | String, reprezentujący nazwę czcionki tekstu w elemencie |
Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Demonstracja możliwych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Przykład
Zwróć czcionkę elementu:
alert(document.getElementById("demo").style.fontFamily);
Powiązane strony
Samouczek CSS: Czcionka CSS
Odniesienie CSS: własność rodziny czcionek
Odniesienie HTML DOM: właściwość czcionki
❮ Obiekt stylu