font-family

Co to jest font-family?

font-family to właściwość CSS służąca do określania kroju pisma używanego przez tekst na stronie internetowej. Jeśli w pytaniu pojawia się zmiana kroju pisma w CSS, poprawną odpowiedzią jest właśnie font-family.

Składnia

p {
  font-family: Arial, Helvetica, sans-serif;
}

Wartość właściwości zwykle podaje się jako listę fontów. Przeglądarka próbuje użyć pierwszego kroju. Jeśli nie jest dostępny, przechodzi do kolejnego.

Rodziny zapasowe

Na końcu listy warto podać rodzinę ogólną, np.:

• serif – krój szeryfowy,
• sans-serif – krój bezszeryfowy,
• monospace – krój o stałej szerokości znaków,
• cursive – krój pisankowy,
• fantasy – krój dekoracyjny.

Przykład:

body {
  font-family: "Times New Roman", Georgia, serif;
}

Nazwy fontów zawierające spacje zapisuje się w cudzysłowie, np. "Times New Roman".

Różnica względem innych właściwości

font-family zmienia krój pisma, natomiast:

• font-size zmienia rozmiar tekstu,
• font-variant dotyczy wariantu pisma, np. kapitalików,
• font jest właściwością skróconą, która może ustawiać kilka cech fontu naraz.

Na egzaminie najważniejsze jest skojarzenie: krój pisma = font-family.