Właściwość fontFamily stylu

Definicja i użycie

fontFamily Właściwość ustawia lub zwraca listę nazw rodzin czcionek (font-family) i/lub nazw serii ogólnych (generic-family) elementu tekstu.

Przeglądarka użyje pierwszej wartości, którą jest w stanie rozpoznać.

Istnieją dwa typy wartości font-family:

  • font-family: Nazwa rodziny czcionek, np. "verdana" lub "arial"
  • generic-family: Nazwa ogólnej rodziny czcionek, np. "serif" lub "sans-serif"

Wskazówka

Zawsze określ nazwę serii ogólnej jako ostatnią możliwość!

Oddziel każda wartość przecinkiem.

Jeśli nazwa rodziny czcionek zawiera spację, musi być otoczona cudzysłowami.

Zobacz: Bezpieczne czcionki w sieci, aby dowiedzieć się więcej o powszechnych kombinacjach czcionek.

Zobacz:

Inne źródła:Czcionki CSS

Kurs CSS:Podręcznik CSS:

Właściwość font-familyPodręcznik HTML DOM:

Właściwość font

Przykład

Przykład 1

Ustawienie czcionki elementu <p>:

Spróbuj sam

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

Przykład 2

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

Spróbuj sam

Przykład 3

Zwróć czcionkę elementu <p>:

alert(document.getElementById("myP").style.fontFamily);

Spróbuj sam

Gramatyka

Zwróć właściwość fontFamily:

object.style.fontFamily

Ustawienie właściwości fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Wartość właściwości

Wartość Opis
font1, font2... Lista nazw rodzin czcionek i/lub nazw serii ogólnych, oddzielonych przecinkami.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: Nie określono
Zwracana wartość: Ciąg znaków, który reprezentuje nazwę czcionki elementu tekstu.
Wersja CSS: CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie