O familie de fonturi HTML (Hypertext Markup Language) este un grup de opțiuni similare de tipare redate în codarea unei pagini web. Setarea unei familii de fonturi HTML generice oferă o serie de fonturi care pot apărea atunci când diferiți utilizatori web deschid un site web publicat. Majoritatea utilizatorilor de computere au doar un număr limitat de opțiuni de font pe mașinile lor, în funcție de factori precum sistemele lor de operare și alegerea browserelor web. Programatorii web care codifică un anumit font pentru tot textul lor își pot limita numărul de vizitatori ai site-ului, deoarece este posibil ca acel font să nu fie redat corect pe ecranul monitorului tuturor. Utilizarea unei familii de fonturi HTML evită de obicei această problemă, iar designerii web experimentați aleg de obicei cel puțin una dintre cele mai comune trei familii de fonturi.
Lucrul cu HTML implică o serie de decizii de design pentru crearea unui site web care este atât interesant, cât și ușor de utilizat. Una dintre cele mai frecvente greșeli ale începătorilor este selectarea unui font greu de citit pentru mulți utilizatori și care poate să nu fie redat corect în toate browserele. Acest tip de text aparține adesea familiei de fonturi HTML denumite fantezie sau decorative. Deși aceste fonturi pot părea la modă, majoritatea designerilor web recomandă să fie folosite doar cu moderație și pentru o decorare suplimentară, cum ar fi o literă cu majuscule la deschiderea unui paragraf.
Cele mai comune trei opțiuni pentru textul paginii web sunt sans-serif, serif și monospace. Literele sans-serif sunt construite din linii drepte și includ fonturi populare precum Arial și Helvetica. Fonturile serif, cum ar fi Times New Roman, au cozi de sfârșit pe fiecare liniuță a fiecărei litere, ceea ce poate face citirea blocurilor mari din acest text mai dificilă pe ecranul computerului. Fonturile monospace sunt utilizate în mod normal doar pentru descrierile etichetelor sau elementelor de cod pentru a le face să iasă în evidență de restul copiei web; un site web despre codificare HTML poate avea adesea exemple de etichete redate în monospațiu, de exemplu.
Desemnarea unei familii de fonturi HTML implică furnizarea de instrucțiuni browserului web pentru a aplica primul font disponibil dintr-un grup unei pagini web. Dacă primul font nu este disponibil în sistemul informatic al unui anumit utilizator, browserul va căuta și va reda al doilea font disponibil. Un designer web care dorește să aplice o familie de fonturi HTML unei pagini poate utiliza fie eticheta font-face, fie eticheta de proprietate font-family într-o declarație de foaie de stil în cascadă (CSS).