Introducción a los estilos de fuentes HTML
El siguiente artículo, Estilos de fuentes HTML proporciona un resumen de los estilos de fuente más utilizados en HTML. HTML conocido popularmente como HyperText Markup Language es uno de los lenguajes o scripts más esenciales y críticos que es esencial para crear aplicaciones web y sitios web. Esto es como la columna vertebral del desarrollo de aplicaciones web, ya que todas las etiquetas y otras características forman el componente subyacente de la misma.
Todo el desarrollo front-end también se basa en secuencias de comandos HTML. Esto solo se puede usar para proporcionar etiquetas de marcado y para mejorar el aspecto de estas etiquetas, tenemos otra biblioteca que es muy popular, CSS, que significa hojas de estilo en cascada. Esto se puede usar para implementar todo tipo de estilos que requiere el HTML. La fuente y los estilos forman la mayor parte del sitio web y en este artículo, le proporcionaremos una lista de la mayoría de los estilos de fuente HTML.
Estilos de fuente HTML:
Las fuentes juegan un papel muy importante para hacer que un sitio web sea más fácil de usar y que atraiga más tráfico además de aumentar la legibilidad del contenido. El color de fuente y la fuente también dependen de la computadora y el navegador que está haciendo uso y la etiqueta HTML también se usa para agregar el estilo, color y tamaño al texto en su sitio web.
La etiqueta se usa para configurar todo el texto que está presente en su sitio web o dentro del elemento con el mismo tamaño, color y cara. La etiqueta de fuente consta de los tres atributos, a saber, el color y el tamaño de la cara, que nuevamente forman un componente muy crítico de los diferentes estilos de fuente presentes en el sitio web.
La etiqueta es la más utilizada y una de las más importantes que puede usarse para crear un buen aspecto para su página web. El texto que seguirá a la etiqueta abierta permanecerá de la misma manera a menos que se cierre por etiqueta.
Veamos algunos de los estilos básicos de fuentes HTML:
Hay algunas características básicas y características asociadas con los estilos de fuente HTML y son:
1) Configuración del tamaño de fuente:
El tamaño de la fuente del contenido se puede establecer haciendo uso de los atributos de tamaño. El valor aceptado del rango se encuentra entre 1, que es el número más pequeño, y va hasta 7, que es el número más grande. El tamaño predeterminado de cualquier tipo de fuente es 3.
Ejemplo,
Setting Basic Font Size
Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"
2) Tamaño de fuente relativo:
El tamaño de fuente relativo se usa para determinar y especificar cuántos tamaños son más grandes y cuántos tamaños son más pequeños que el tamaño de fuente actual que está realmente presente. Esto se puede especificar como:
or by writing
Ejemplo,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Configuración de la fuente:
La otra categoría después de configurar el tamaño de fuente y el tamaño de fuente relativo es la configuración de la fuente. Esto forma una parte crítica de los atributos enumerados anteriormente. Esto se puede establecer haciendo uso del atributo face, pero siempre se debe tener en cuenta que si el usuario designado para usar este valor de fuente no tiene esta fuente instalada en su sistema, no podrá verla. . En cambio, solo se verá la fuente predeterminada que es aplicable a la computadora de ese usuario en particular.
Ejemplo,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Especifique fuentes alternativas:
- Esto se usa para especificar varios tipos de caras de fuente solo si el usuario tiene esa fuente particular instalada en su sistema, de lo contrario, una fuente instalada predeterminada será visible. Es posible mencionar más de una, específicamente dos o más de dos alternativas de fuentes, enumerando los nombres de las fuentes que están separados específicamente por una coma.
- Cuando se carga la página web, el navegador será responsable de mostrar la primera fuente que se generará. Si ninguna de las fuentes proporcionadas está instalada en el sistema, la fuente predeterminada que es Times New Roman se mostrará correctamente.
Ejemplo,
5) Configuración del color de la fuente:
Este es otro atributo que forma la parte crítica y el componente de la fuente HTML y la lista de estilos. En esta fuente, el color se configura haciendo uso de cualquier atributo de color, el color requerido podría ser requerido haciendo uso del código hexadecimal y el nombre del color para el color especificado.
Ejemplo,
Setting Font Color
This text is in pink
This text is red
6) Elemento:
- Este elemento es específico del lenguaje HTML y se supone que proporciona a la página web un tamaño de fuente, tipo de letra y color predeterminados para todas las partes y componentes de los documentos que no están contenidos dentro de la etiqueta.
- La etiqueta podría usarse fácilmente para anular la configuración.
- Esta etiqueta también utiliza atributos de color, cara y tamaño que admitirán relativamente todas las configuraciones de fuente al proporcionar el tamaño de un valor de +1 para un tamaño mayor o -2 para dos tamaños más pequeños.
Ejemplos:
Setting Basefont Color
Esta es la fuente predeterminada de la página.
Ejemplo del elemento
Conclusión-
La fuente y los estilos HTML son uno de los componentes y características más críticos que no se pueden pasar por alto y pueden dar una muy buena forma y diseño a su sitio web. Cuando hablamos de las últimas bibliotecas javascript que están disponibles en el mercado, contienen todas estas y muchas otras fuentes y estilos. Para el HTML básico, esto aún debe hacerse manualmente. Espero que les haya gustado nuestro artículo. Estén atentos a nuestro blog para más artículos como estos.
Artículos recomendados
Esta ha sido una guía de estilos de fuentes HTML. Aquí hemos discutido la introducción y una explicación detallada de algunas fuentes básicas del HTML con ejemplos. También puede consultar nuestros otros artículos sugeridos para obtener más información:
- Hojas de estilo HTML
- Atributos HTML
- Cómo funciona HTML
- Estilos de lista HTML
- Bloques HTML