Cómo cambiar el tamaño de fuente en HTML

Puede controlar el tamaño de fuente de su página web utilizando la propiedad de tamaño de fuente del lenguaje de estilo de HTML, Hojas de estilo en cascada. Comenzando con HTML 5, el enfoque CSS para el estilo de fuente reemplaza la antigua etiqueta "fuente". Si bien la etiqueta de fuente es válida para sus páginas web con formato HTML 4, ya no se admite como etiqueta válida en HTML 5.

Definiendo el tamaño de fuente con CSS

Los tamaños de fuente se establecen en su página web mediante el atributo "font-size" de CSS. Los tamaños de fuente normalmente se definen utilizando la medida tipográfica "em", donde 1,0 es el tamaño de fuente actual, o porcentajes, donde 100 por ciento es el tamaño de fuente actual. También puede usar los nombres de valores preestablecidos, como "más pequeño", "más grande", "pequeño" y "xx-grande". Si bien definir el tamaño en píxeles o puntos es válido, no se recomienda porque es posible que el texto no se escale correctamente en determinadas circunstancias.

Usando CSS en tus etiquetas HTML

Puede usar estilos en casi cualquier etiqueta HTML en el cuerpo de su página web. Agregue un atributo de "estilo" a la etiqueta con el atributo de tamaño de fuente CSS establecido en el tamaño que desee. El estilo afecta el texto entre el principio y el final de la etiqueta, por ejemplo:

Este texto es más grande de lo normal.

Este texto es más pequeño.

Este texto también es más pequeño.

Usando CSS en su hoja de estilo

Si su página web tiene una hoja de estilo CSS, incrustada en el encabezado de su página o definida en un archivo separado, puede cambiar el tamaño de fuente allí. Las hojas de estilo son útiles para realizar cambios globales en su página web. Busque o agregue la declaración que le gustaría cambiar y agregue el código de tamaño de fuente. Por ejemplo, para aumentar el tamaño de fuente para todas las etiquetas de párrafo, use:

p { tamaño de fuente:125%;