Propiedad de estilo de fuente CSS | Explicado
En Hojas de estilo en cascada (CSS), Hay varios aspectos involucrados en el estilo de una fuente, como establecer un estilo y tamaño de fuente. El propiedad de estilo fuente Asegura que el texto se destaque y enriquece la hoja con una jerarquía visual y posee una gran importancia.
El CSS propiedad de estilo fuente se utiliza para las fuentes de estilo en formatos en cursiva, normal y oblicuo. Usando la propiedad de estilo fuente, también podemos personalizar el estilo del texto y hacerlo atractivo.
En este artículo, aprenderemos sobre las propiedades de estilo de fuente CSS con la ayuda de ejemplos adecuados.
Valores de propiedad de estilo de fuente CSS
En CSS, la propiedad de estilo fuente comprende estos tres valores:
- Itálico
- Oblicuo
- Normal
Discutiremos brevemente cada una de las propiedades de estilo de fuente CSS especificadas en las siguientes secciones.
Cómo en cursiva una fuente en HTML
En tipografía, itálico La fuente se usa para escribir texto en un cursivo Estilo de fuente. La propiedad de estilo de fuente CSS en cursiva inclina el elemento de texto de izquierda a derecha. Estos tipos de elementos generalmente toman menos espacio horizontal que los elementos sin estilo.
También puedes configurar el "Cursiva audaz" Estilo de fuente a la vez usando la siguiente sintaxis.
estilo de fuente: cursiva en negrita;Ejemplo: propiedad CSS en estilo Fuente en cursiva
En el siguiente ejemplo, hemos definido dos estilos de fuentes para los elementos de los párrafos: "pag.x "y" P.y ". El "pag.X" El estilo de fuente en cursiva el texto específico del párrafo, mientras que el "pag.y " El estilo de fuente aplica tanto el Valores de propiedad de estilo de fuente "cursiva" y "audaz" al elemento de texto:
Este es un párrafo, normal.
Este es un párrafo, en cursiva y audaz.
Como puede ver en la salida, la propiedad de estilo fuente del texto del primer párrafo solo se establece en escribir en cursiva, mientras que el texto del segundo párrafo es audaz y en cursiva:
Cómo oblicuar una fuente en html
La propiedad de estilo de fuente CSS se usa para escribir texto cursivo; Sin embargo, difiere del estilo de fuente en cursiva de una manera que utiliza grados para inclinar el texto. Además, el texto es ligeramente inclinado de izquierda a derecha en estilo de fuente oblicuo.
Todos los navegadores no admiten un estilo de fuente oblicua, pero si desea usarlo, entonces lo estimule artificialmente en el estilo de fuente normal.
Sintaxis de propiedad de estilo fuente CSS
estilo de fuente: ángulo oblicuo;Aquí, "ángulo"Establece el ángulo del texto inclinado, y esta característica distingue oblicua de la propiedad estilo fuente cursiva.
Nota: CSS Oblicuo La propiedad de estilo fuente utiliza un Ángulo de 14 grados Por defecto, y sus valores de grado válidos se encuentran entre -90 grados a 90 grados.
Ejemplo: propiedad CSS en estilo Fuente en cursiva
En el siguiente ejemplo, estableceremos el ángulo de "oblicuo"Propiedad de estilo de fuente como"10 grados":
Estilo de fuente oblicua.
Estilo de fuente oblicua con grado.
Guarde el código agregado y abra el archivo HTML en el navegador. Al hacerlo, verá que el estilo de fuente oblicua se aplica al texto del párrafo en Ángulo de 10 grados:
Cómo normalizar una fuente en HTML
El estilo de fuente predeterminado se establece como "normal"En CSS. Ahora, puede cuestionar por qué usamos la propiedad de estilo de fuente normal si ya está configurado como el valor predeterminado de estilo de fuente?
El normal La propiedad de estilo de fuente CSS se utiliza para normalizar la fuente a su estado original si se cambia usando valores en cursiva u oblicua.
Consulte el siguiente ejemplo para comprender el concepto declarado.
Ejemplo: propiedad de estilo de fuente normal CSS
En el ejemplo a continuación, la fuente se enfurece en la primera en cursiva usando una propiedad estilo fuente:
Estilo de fuente en cursiva.
Ahora, para volver a la fuente a la normalidad, se utilizará el valor normal de la propiedad de estilo fuente:
Estilo de fuente normal.
La salida significa que hemos establecido con éxito el estilo de fuente en normal:
Esa fue toda la información esencial relacionada con la propiedad de estilo Font CSS. Puedes explorarlo más por tu cuenta.
Conclusión
Estilo de fuente CSS La propiedad especifica el estilo de fuente de los elementos de texto. Se usa para diseñar texto en Formato normal, cursiva, audaz y oblicuas. Al utilizar diferentes propiedades de estilo de fuente CSS, podemos personalizar el estilo de un texto y podemos hacerlo visualmente atractivo. Este artículo discutió la propiedad de estilo Font Font con la ayuda de ejemplos adecuados.