Rodzina czcionek hipertekstowego języka znaczników (HTML) to grupa podobnych krojów pisma renderowanych w kodzie strony internetowej. Ustawienie ogólnej rodziny czcionek HTML zapewnia szereg czcionek, które mogą się pojawiać, gdy różni użytkownicy sieci WWW otworzą opublikowaną witrynę internetową. Większość użytkowników komputerów ma tylko ograniczoną liczbę czcionek do wyboru na swoich komputerach, w zależności od takich czynników, jak ich systemy operacyjne i wybór przeglądarek internetowych. Programiści sieci Web, którzy kodują określoną czcionkę dla całego tekstu, mogą ograniczyć liczbę odwiedzających witrynę, ponieważ ta czcionka może nie wyświetlać się poprawnie na ekranie każdego monitora. Korzystanie z rodziny czcionek HTML zwykle pozwala uniknąć tego problemu, a doświadczeni projektanci stron internetowych zwykle wybierają co najmniej jedną z trzech najpopularniejszych rodzin czcionek.
Praca z HTML obejmuje szereg decyzji projektowych związanych z tworzeniem strony internetowej, która jest zarówno interesująca, jak i przyjazna dla użytkownika. Jednym z częstszych błędów początkujących jest wybór czcionki, która jest trudna do odczytania dla wielu użytkowników i która może nie wyświetlać się poprawnie we wszystkich przeglądarkach. Ten typ tekstu często należy do rodziny czcionek HTML oznaczonych jako fantazyjne lub dekoracyjne. Chociaż te czcionki mogą wydawać się modne, większość projektantów stron internetowych zaleca, aby używać ich oszczędnie i dodawać ozdoby, takie jak inicjały na początku akapitu.
Trzy najczęstsze opcje tekstu na stronie internetowej to bezszeryfowy, szeryfowy i monospace. Litery bezszeryfowe składają się z linii prostych i zawierają popularne czcionki, takie jak Arial i Helvetica. Czcionki szeryfowe, takie jak Times New Roman, mają końcowe końcówki przy każdym pociągnięciu każdej litery, co może utrudnić czytanie dużych bloków tego tekstu na ekranie komputera. Czcionki o stałej szerokości są zwykle używane tylko do opisów tagów lub elementów kodu, aby wyróżnić je z reszty kopii internetowej; strona internetowa poświęcona kodowaniu HTML często może zawierać na przykład przykłady znaczników renderowanych w monospace.
Wyznaczenie rodziny czcionek HTML polega na podaniu przeglądarce internetowej instrukcji zastosowania do strony internetowej pierwszej dostępnej czcionki w grupie. Jeśli pierwsza czcionka nie jest dostępna w systemie komputerowym określonego użytkownika, przeglądarka wyszuka i wyrenderuje drugą dostępną czcionkę. Projektant stron internetowych, który chce zastosować rodzinę czcionek HTML do strony, może użyć znacznika font-face lub znacznika właściwości font-family w deklaracji kaskadowego arkusza stylów (CSS).