Atrybut font-family w CSS

Definicja i użycie

font-family określa rodzinę czcionek elementu.

font-family może przechowywać wiele nazw czcionek jako "system awaryjny". Jeśli przeglądarka nie obsługuje pierwszej czcionki, spróbuje następnej. Innymi słowy, wartość atrybutu font-family jest listą priorytetową nazw rodzin czcionek lub klas czcionek dla danego elementu. Przeglądarka użyje pierwszej wartości, którą rozpozna.

Istnieją dwa rodzaje nazw rodzin czcionek:

  • Podane nazwy serii: konkretne nazwy czcionek, na przykład: "times", "courier", "arial"
  • Zwykle nazwy rodzin czcionek: na przykład: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Wskazówka:Rozdziel każda wartość przecinkiem i zawsze dostarcz nazwę klasy jako ostatni wybór.

Uwaga:Użycie konkretnej rodziny czcionek (Geneva) zależy od tego, czy ta rodzina czcionek jest dostępna na komputerze użytkownika; ta właściwość nie wskazuje na żadne pobranie czcionki. Dlatego silnie zaleca się użycie nazwy rodziny czcionki ogólnej jako alternatywy.

Zobacz również:

Kurs CSSCzcionki CSS

Podręcznik CSSAtrybut font w CSS

Podręcznik HTML DOMAtrybut font

Przykład

Ustawienie czcionki dla akapitu:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Spróbuj sam

Gramatyka CSS

font-family: family-name|generic-family|initial|inherit;

Wartość atrybutu

Wartość Opis
  • family-name
  • generic-family

Listy priorytetowe nazw rodzin czcionek lub klas czcionek dla danego elementu.

Domyślna wartość: zależy od przeglądarki.
inherit Zaleca się, aby typ czcionki był dziedziczony z elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: tak
Wersja: CSS1
Język JavaScript: object.style.fontFamily="arial,sans-serif"

Przykład TIY

Ustawienie czcionki tekstu
Ten przykład pokazuje, jak ustawić czcionkę tekstu.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5