En versiones HTML anteriores, la etiqueta de fuente se usó para definir y cambiar el tamaño, el color y el estilo de la fuente. Sin embargo, HTML5 no recomienda usar una etiqueta de fuente.
HTML5 ha agregado las propiedades de fuente como un atributo en el elemento. Las propiedades incluyen estilo fuente, tamaño de fuente y color. Estas propiedades mejoran la estética de la fuente en HTML. Este artículo tiene como objetivo proporcionar varios métodos para cambiar las fuentes en HTML. Los resultados de este artículo son:
Cómo cambiar la fuente en HTML
En HTML, una fuente comprende varias propiedades como color, estilo y tamaño. Estos atributos se aplican para proporcionar una visibilidad interactiva de las fuentes.
Cómo cambiar el color de la fuente en HTML
Para cambiar el color de fuente en HTML, agregue el atributo de estilo en la etiqueta de apertura y use la propiedad de color, y luego asigne el valor de color que podría ser "Hex", "RGB" o "Palabra clave" de color de nombre.
El siguiente código HTML utiliza el "color" Atributo para cambiar el color de fuente:
Código
1 2 3 | Cambiamos el color de fuente de predeterminado a rojo |
En el código anterior utilizamos el atributo de estilo en la etiqueta P de apertura, y luego utilizamos la propiedad de color y asignamos el valor de color.
Imagen de código
Producción
El color de fuente cambió de predeterminado a rojo, utilizamos el atributo de color de fuente y asignamos el color rojo.
Cómo cambiar el tamaño de fuente en HTML
Estilos de estilo en línea el elemento único. Siempre que usemos el atributo de estilo dentro de un elemento específico, sobrescribirá la propiedad específica.
Cambiemos el tamaño de fuente en HTML usando el código que se escribe a continuación:
Código
1 2 3 | Cambiamos el tamaño de fuente a 30px |
En el código anterior establecemos el tamaño de fuente en 30px usando la propiedad del tamaño de la fuente, aplicamos este código en la etiqueta de apertura de la etiqueta del párrafo que es
.
Imagen
Producción
El tamaño del texto del párrafo cambió de predeterminado a 30px utilizando la propiedad del tamaño de una fuente.
Cómo cambiar el estilo de una fuente en HTML
El estilo de fuente define el estilo de la fuente en HTML. Cada vez que usamos la etiqueta de estilo en un elemento HTML, sobrescribirá todos los parámetros que se configuraron como predeterminados.
Veamos cómo podemos cambiar el estilo de fuente o la familia de fuentes en HTML a través del siguiente ejemplo
Código
1 2 3 | Estilo de fuente cambiado a verdana |
Aquí utilizamos la etiqueta de la familia Font y la propiedad 'Verdana' asignada, que establece el estilo de fuente del encabezado de VERDANA.
Imagen
Producción
El estilo de fuente cambió de predeterminado a Verdana utilizando propiedades de estilo fuente.
Has aprendido a cambiar el estilo de fuente, el tamaño de la fuente y el color de la fuente en HTML.
Conclusión:
La fuente de HTML se puede cambiar utilizando tres atributos diferentes que son "color", "tamaño de fuente" y "estilo de fuentes."Este artículo proporciona varios métodos para cambiar las fuentes en HTML. La propiedad del "color" cambia el color de la fuente, el "tamaño de fuente" se usa para manipular el tamaño de la fuente y la "familia de fuentes" agrega cierto estilo a las fuentes.