CSS font-family
Właściwość font-family w CSS służy do ustawiania kroju czcionki, czyli rodzaju pisma używanego dla tekstu na stronie. Jeśli w zadaniu trzeba ustawić czcionkę Verdana, poprawny zapis to:
p {
font-family: Verdana;
}
Składnia
selektor {
font-family: nazwa_czcionki;
}
Przykład dla całej strony:
body {
font-family: Verdana, Arial, sans-serif;
}
Lista czcionek zapasowych
W praktyce często podaje się kilka czcionek po przecinku. Przeglądarka użyje pierwszej dostępnej na komputerze użytkownika.
font-family: Verdana, Geneva, sans-serif;
Oznacza to:
- użyj Verdana, jeśli jest dostępna,
- jeśli nie, użyj Geneva,
- jeśli jej też nie ma, użyj dowolnej czcionki bezszeryfowej (sans-serif).
Nazwy czcionek ze spacjami
Jeżeli nazwa czcionki składa się z kilku wyrazów, należy ująć ją w cudzysłów:
h1 {
font-family: "Times New Roman", serif;
}
Czego nie mylić?
font-family określa rodzinę czcionek, natomiast inne właściwości odpowiadają za inne cechy tekstu:
font-style— styl, np.italic,font-weight— grubość, np.bold,font-size— rozmiar, np.16px.
W pytaniach egzaminacyjnych INF.03 poprawna odpowiedź dla ustawienia czcionki Verdana to zawsze zapis z właściwością font-family.