Najnowsze tutoriale tworzenie stron internetowych
 

Style fontFamily Property

<Style obiektu

Przykład

Ustawić czcionkę dla <p> element:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności fontFamily lub zwraca listę nazw font-family i / lub nazwy rodzajowe jednorodzinnych tekstu w elemencie.

Przeglądarka użyje pierwszej wartości to rozpoznaje.

Istnieją dwa rodzaje wartości font-family:

  • font-family: nazwa font-family, jak "verdana" lub "arial"
  • generic-family: nazwy rodzajowe font-family, jak "serif" lub "sans-serif"

Tip: Zawsze należy podać nazwę rodzajową mieszkaniami jako ostatnia alternatywa!

Uwaga: Oddzielić każdą wartość z przecinkiem.

Note: Jeśli nazwa font-family zawiera spacje, musi być cytowany.

Tip: Spójrz na bezpiecznych czcionek internetowych często używanych kombinacji czcionek.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość fontFamily jest dostępna we wszystkich głównych przeglądarkach.


Składnia

Zwraca właściwość fontFamily:

object .style.fontFamily

Ustaw właściwość fontFamily:

object .style.fontFamily=" wartości nieruchomości
Wartość Opis
font1, font2, etc. Przecinek oddzielone listą nazw czcionki rodziny i / lub nazwy rodzajowe jednorodzinnych
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: nieokreślony
Zwracana wartość: Ciąg reprezentujący nazwę czcionki tekstu w elemencie
Wersja CSS CSS1

Więcej przykładów

Przykład

Demonstracja z możliwych wartości:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Spróbuj sam "

Przykład

Powrót czcionkę o <p> element:

alert(document.getElementById("myP").style.fontFamily);
Spróbuj sam "

Podobne strony

Kurs CSS: CSS czcionki

Odniesienie CSS: font-family property

HTML DOM: font property


<Style obiektu