Una familia de fuentes de lenguaje de marcado de hipertexto (HTML) es un grupo de opciones de tipografía similares representadas en la codificación de una página web. La configuración de una familia de fuentes HTML genérica proporciona una variedad de fuentes que pueden aparecer cuando diferentes usuarios web abren un sitio web publicado. La mayoría de los usuarios de computadoras tienen solo un número limitado de opciones de fuentes en sus máquinas, dependiendo de factores como sus sistemas operativos y las opciones de los navegadores web. Los programadores web que codifican una fuente específica para todo su texto pueden limitar el número de visitantes al sitio porque esa fuente puede no mostrarse correctamente en la pantalla del monitor de todos. El uso de una familia de fuentes HTML generalmente evita este problema, y los diseñadores web experimentados suelen elegir al menos una de las tres familias de fuentes más comunes.
Trabajar con HTML implica una variedad de decisiones de diseño para crear un sitio web que sea interesante y fácil de usar. Uno de los errores más frecuentes de los principiantes es seleccionar una fuente que sea difícil de leer para muchos usuarios y que puede que no se muestre correctamente en todos los navegadores. Este tipo de texto a menudo pertenece a la familia de fuentes HTML denominada fantasía o decorativa. Si bien estas fuentes pueden parecer modernas, la mayoría de los diseñadores web recomiendan que solo se utilicen con moderación y para un adorno adicional, como una letra mayúscula al comienzo de un párrafo.
Las tres opciones más comunes para el texto de una página web son sans-serif, serif y monoespacio. Las letras sans-serif se construyen a partir de líneas rectas e incluyen fuentes populares como Arial y Helvetica. Las fuentes serif como Times New Roman tienen colas finales en cada trazo de cada letra que pueden dificultar la lectura de grandes bloques de este texto en una pantalla de computadora. Las fuentes monoespaciadas se utilizan normalmente solo para descripciones de etiquetas o elementos de código para que se destaquen del resto de la copia web; un sitio web sobre codificación HTML a menudo puede tener ejemplos de etiquetas representadas en monoespacio, por ejemplo.
La designación de una familia de fuentes HTML implica dar instrucciones al navegador web para aplicar la primera fuente disponible en un grupo a una página web. Si la primera fuente no está disponible en el sistema informático de un determinado usuario, el navegador buscará y mostrará la segunda fuente disponible. Un diseñador web que desee aplicar una familia de fuentes HTML a una página puede utilizar la etiqueta font-face o la etiqueta de propiedad font-family en una declaración de hoja de estilo en cascada (CSS).