¿Qué es una familia de fuentes HTML?

Una familia de fuentes del lenguaje de marcado de hipertexto (HTML) es un grupo de opciones de tipo de letra similares representadas en la codificación de una página web. La configuración de una familia de fuentes HTML genéricas proporciona una variedad de fuentes que pueden aparecer cuando diferentes usuarios de la web abren un sitio web publicado. La mayoría de los usuarios de computadoras tienen solo un número limitado de opciones de fuente en sus máquinas, dependiendo de factores tales 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 del 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 generalmente eligen al menos una de las tres familias de fuentes HTML 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 para principiantes es seleccionar una fuente que es difícil de leer para muchos usuarios y que puede no reproducirse correctamente en todos los navegadores. Este tipo de texto a menudo pertenece a la familia de fuentes HTML designada como fantasía o decorativa. Si bien estas fuentes pueden parecer modernas, la mayoría de los diseñadores web recomiendan que solo se usen con moderación y para un adorno adicional, como una letra desplegable al comienzo de un párrafo.

Las tres opciones más comunes para el texto de la página web son sans-serif, serif y monospace. 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 la pantalla de una computadora. Las fuentes monoespaciales normalmente se usan 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 el monoespacio, por ejemplo.

La designación de una familia de fuentes HTML implica dar al navegador web instrucciones 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 representará la segunda fuente disponible. Un diseñador web que desee aplicar una familia de fuentes HTML a una página puede usar la etiqueta de fuente de fuente o la etiqueta de propiedad de familia de fuente en una declaración de hoja de estilo en cascada (CSS).