Znacznik <font> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Opublikowano: Zaktualizowano:

Znacznik <font> w HTML

Znacznik <font> służył w starszych wersjach HTML do bezpośredniego formatowania wyglądu tekstu. Pozwalał określić m.in. krój pisma, kolor oraz rozmiar czcionki. Obecnie jest przestarzały i nie powinien być używany w nowoczesnych stronach internetowych. Zastępuje się go stylami CSS.

Najważniejsze atrybuty znacznika <font>

  • face — wskazuje nazwę czcionki, np. Arial, Verdana, Times New Roman,
  • color — określa kolor tekstu,
  • size — określa rozmiar czcionki według starej skali HTML.

Przykład historyczny:

<font face="Arial" color="red" size="4">Przykładowy tekst</font>

W tym przykładzie:
- face="Arial" oznacza krój pisma Arial,
- color="red" ustawia czerwony kolor tekstu,
- size="4" ustawia rozmiar czcionki.

Odpowiednik w CSS

Zamiast znacznika <font> należy stosować CSS:

<p style="font-family: Arial; color: red; font-size: 16px;">
  Przykładowy tekst
</p>

Jeszcze lepiej przenieść style do osobnego arkusza CSS:

.tekst {
  font-family: Arial, sans-serif;
  color: red;
  font-size: 16px;
}

Ważne na egzaminie

W pytaniach egzaminacyjnych parametr face znacznika <font> oznacza nazwę czcionki, a nie jej kolor, efekt ani rozmiar. Kolor odpowiada atrybutowi color, a rozmiar — atrybutowi size.