font-familyWłaściwość określa czcionek, która jest stosowana do wybranego elementu. Wybrana czcionka nie jest pojedynczą czcionką, ale „rodziną”, a zatem może zależeć od innych wartości właściwości typograficznych w celu wybrania prawidłowego kroju w rodzinie.
body ( font-family: Arial, Helvetica, sans-serif; )Wartość może być jedną z następujących:
- Nazwa rodziny czcionek, która odpowiada czcionce osadzonej na stronie lub dostępnej w systemie użytkownika.
- Seria nazwisk oddzielonych przecinkami, która może zawierać ogólne nazwisko
Jeśli używanych jest wiele nazw rodzin, przeglądarka wybierze pierwszą, którą znajdzie osadzoną na stronie przy użyciu @font-facelub zainstalowaną w systemie operacyjnym użytkownika.
Dla font-familynie ma domyślnego specyficzny lub wartości początkowej; początkowa wartość zawsze zależy od przeglądarki i / lub systemu operacyjnego.
Ogólne nazwy rodzin
Jeśli w jednej deklaracji używanych jest wiele wartości, zaleca się umieszczenie rodziny ogólnej na końcu jako rezerwę, aby zapewnić najlepsze wrażenia typograficzne:
code ( font-family: Courier, Monaco, monospace; )W powyższym przykładzie „Courier” i „Monaco” są prawdziwymi nazwami rodzinnymi rzeczywistych czcionek, podczas gdy „monospace” to tylko ogólne odniesienie do dowolnej czcionki zainstalowanej w systemie użytkownika, która ma stałą szerokość.
Jeśli pierwsze dwie nie zostaną zainstalowane, przeglądarka wybierze najlepszą opcję, ale tylko spośród czcionek o stałej szerokości. Bez rodziny ogólnej czcionka byłaby domyślną czcionką domyślną w systemie użytkownika (prawdopodobnie czcionką szeryfową lub bezszeryfową), co byłoby niepożądane.
Generic nazwiska obejmują serif, sans-serif, cursive, fantasy, i monospace.
Jeśli nazwisko rodowe odpowiada rodzajowi nazwiska, należy je cytować, aby wskazać, że nie jest ono rodzajowe.
Nazwy rodzin składające się z wielu słów
Jeśli nazwisko zawiera wiele słów oddzielonych spacjami, zaleca się umieszczenie nazwiska w cudzysłowie (pojedynczym lub podwójnym):
code ( font-family: "Times New Roman", Georgia, serif; )Nie zawsze jest to konieczne, ale generalnie bezpieczniej jest dołączyć cudzysłowy dla każdego nazwiska zawierającego spacje lub znaki specjalne.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje |