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

click fraud protection
Niña, (5-7), sentado, en, sofá, con, computador portatil, vista trasera

Cambie fácilmente el tamaño de fuente de su página web con CSS.

Credito de imagen: Ableimages / Photodisc / Getty Images

Puede controlar el tamaño de fuente de su página web utilizando la propiedad de tamaño de fuente del lenguaje de estilo HTML, Hojas de estilo en cascada. A partir de 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.

Definición del tamaño de fuente con CSS

Los tamaños de fuente se establecen en su página web mediante el atributo CSS "tamaño de fuente". Los tamaños de fuente se definen normalmente mediante el medida tipográfica "em", donde 1.0 es el tamaño de fuente actual, o porcentajes, donde 100 por ciento es la fuente actual Talla. También puede utilizar los nombres de los valores preestablecidos, como "más pequeño", "más grande", "pequeño" y "xx-grande". Mientras define el tamaño en píxeles o puntos es válido, no se recomienda porque su texto puede no escalar correctamente en ciertos circunstancias.

Video del día

Puede utilizar 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.

Usar CSS en su hoja de estilo

Si su página web tiene una hoja de estilo CSS, ya sea 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 agrandar el tamaño de la fuente para todas las etiquetas de párrafo, use:

p {tamaño de fuente: 125%; }