CSS ofrece varias propiedades a Personalizar la fuente estilo de un elemento de texto. Desde cambiar el tamaño y el color de la fuente hasta el establecimiento Familia tipográfica, Cada propiedad tiene su propio significado. Los formatos de texto también afectan altamente la legibilidad del sitio web; Por lo tanto, seleccionar la fuente correcta es crucial para hacer que su sitio web sea accesible.

Este artículo discutirá Propiedad Font-Family CSS con la ayuda de ejemplos adecuados. Entonces, comencemos!

Propiedad Font-Family CSS

El "Propiedad de fuentes-familias" Enumera los tipos de letra en orden prioritario. La selección de fuentes no termina con la primera fuente en la lista de fuentes del sistema del usuario. En cambio, las fuentes se eligen un personaje a la vez, de modo que si una fuente disponible carece de un glifo para una carta requerida, se intentan las fuentes posteriores.

La selección de la familia de fuentes se ve afectada por las características, como la disponibilidad de un tipo de letra en algunos estilos, versiones o tamaños.

Tipos de nombres de la familia de fuentes CSS

La propiedad de Font-Family contiene una lista de familias de fuentes separadas por comas. Los nombres de la familia de fuentes CSS se dividen en dos tipos de nombres:

• nombre de familia de fuentes: Un nombre de fuente de fuente es el nombre de la tipografía. Las familias de fuentes comprenden nombres como "Helvetica" y "Veces". El nombre de la familia Font-Family puede contener espacios blancos, por lo que debe administrarse en citas como: "Comic sans MS".
• nombre de familia genérico: Cuando ninguna de las fuentes especificadas es accesible, las familias de fuentes genéricas sirven como opción de retroceso. No tiene que especificar el apellido genérico en citas porque son Palabras clave, y su lista de apoderos de fuentes debe terminar con una familia de fuentes genéricos.

Ahora vamos a ver un ejemplo de utilizar el nombre familiar y genérico de familia como nombres de la familia de fuentes.

Ejemplo: propiedad de la familia Font CSS

En el ejemplo dado a continuación, definiremos el valor de la primera propiedad de fuentes-familias especificando "Tiempo nuevo romano"Como nombre de familia, y"Veces", y "serif"Como nombre de familia genérico. Mientras que, en la segunda fuente-familia, "Arial", "Helvetica" y "Sans-Serif" se agregan como apellidos genéricos:

La propiedad de fuentes-familias

Es una fuente "Times New Roman".

Es una fuente "arial".

Después de guardar el código agregado, cuando abrirá su HTML en el navegador, mostrará el estilo de fuente de los elementos de texto de acuerdo con los valores especificados del apellido de fuentes y el apellido genérico:

Ahora demostraremos el uso de diferentes palabras clave involucradas en la categoría de familia genérica.

CSS SERIF Categoría de familia genérica

Los glifos que han terminado los golpes o las terminaciones serificadas reales se denominan ""serif". Esta categoría de familia genérica incluye Times New Roman, Georgia, Garamond y muchas más familias de fuentes.

Ejemplo: categoría CSS Serif Generic-Family

La propiedad de fuentes-familias

Es una fuente "Times New Roman" que pertenece a la familia Font de serif.

Producción

CSS SANS-Serif Categoría de familia genérica

A diferencia de Serif, los glifos en sans-serif tiene terminaciones de trazo liso. Por ejemplo, Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans están incluidos en la categoría de familia genérica Sans-Serif.

Ejemplo: categoría CSS Sans-Serif Generic-Family

La propiedad de fuentes-familias

Es una fuente "arial" que pertenece a la familia de fuentes sans-serif.

Producción

CSS Categoría de familia genérica monoespacial

Todos esos glifos con un uniforme y ancho fijo En todo se denominan monos-Por ejemplo, "Console Lucida", "Courier New", "Mono".

Ejemplo: categoría de familia genérica monoespacial CSS

La propiedad de fuentes-familias

Es una fuente de "Lucida" que pertenece a la familia de fuentes monoespaciales

Producción

CSS Categoría de familia genérica cursiva

A diferencia de los tipos de letra en cursiva, cursivo Los glifos generalmente aparecen Conectando trazos u otro rasgos cursivos. El tipo de letra se asemeja a la escritura de pincel o una pluma escrita a mano en lugar de letras impresas. Los glifos se unen parcial o completamente algunos nombres de fuentes como "Comic sans MS", y muchos otros.

Ejemplo: CSS cursive Generic-Family Categoría

La propiedad de fuentes-familias

Es la fuente "Comic Sans MS" que pertenece a la familia de fuentes cursivas

Producción

Hemos compilado la información esencial relacionada con la propiedad de la familia Font CSS. Puede explorarlo más de acuerdo con sus preferencias.

Conclusión

El Propiedad Font-Family CSS se usa para especificar el apellido de la fuente o el texto. Los nombres de la familia de fuentes CSS se dividen en dos tipos: "nombre de familia de fuentes" y "nombre de familia genérico", Donde el nombre de la familia Font es el nombre de la letra tipo. El Propiedad Font-Family CSS puede tomar una lista de familias de fuentes que están separadas por comas. Este artículo discutido Propiedad Font-Family CSS con la ayuda de ejemplos adecuados.