¿Cuáles son las ventas de fuentes CSS?

CSS proporciona dos tipos de familias de fuentes I.mi. fuentes genéricas de fuentes y fuentes individuales. Las familias genéricas tienen familias de fuentes de aspecto similar, como Serif (Times New Roman, Georgia y Garamond), Monospace (Courier New, Lucida Console, Monaco), etc. Mientras que la fuente individual especifica solo una familia de fuentes en particular como Arial, Calibri, etc.

Las familias de fuentes genéricas proporcionan un mecanismo de respaldo que nos permite especificar una lista de fuentes parecidas para que si la primera fuente no está disponible en ninguna plataforma, el navegador puede elegir la segunda fuente, y así sucesivamente.

Este artículo presenta una comprensión detallada de las siguientes terminologías relacionadas con las ventas de fuentes:

• ¿Cuáles son las ventas de fuentes en CSS?
• La sintaxis básica de las fontals de fuentes
• Cómo usar fontals de fuentes en CSS

Entonces, sin demora, procedamos!

Fuerte Fallbacks

Siempre existe la posibilidad de que una fuente no se encuentre en una plataforma específica o no se instale correctamente en un dispositivo. Por lo tanto, las alojas de fuentes se usan como fuentes de respaldo I.mi. Tenemos que especificar una lista de fuentes de respaldo para que si la primera fuente no está disponible, entonces el navegador debe probar la siguiente, y así sucesivamente. Las alojamiento de fuentes están estructuradas con cinco familias de fuentes genéricas como se menciona a continuación:

• Fuentes serif en CSS: especificar algunos pequeños trazos vanguardistas
• Fuentes sans-serif en CSS: especificar líneas limpias, sin bordes
• Fuentes cursivas en CSS: especificar un estilo cercano a la escritura humana
• Fuentes de fantasía en CSS: especificar algunos estilos de fuentes elegantes

Es una buena práctica que agregar a la familia de fuentes genéricos al final de la lista.

Sintaxis

La sintaxis básica de las fallas de fuentes se describe en el siguiente fragmento:

Aquí, en la familia de fuentes, especificamos dos fuentes, la primera será la primera opción/fuente de la web del navegador, mientras que el restante será la lista de fontals de fuentes.

Cómo usar fontals de fuentes en CSS

Las fuentes tienen un gran efecto en la interfaz de usuario de cualquier página web, por lo que elegir la fuente alternativa más adecuada es muy importante que.mi. elección "Consola de Lucida" como una copia de seguridad del "Times New Roman" la fuente no sería una buena opción. Elegir un estilo de respaldo dentro de la misma familia de fuentes se consideraría una buena práctica.mi. "Veces" será un mejor suelto para el "Times New Roman".

Ejemplo

Consideremos el código de abajo para comprender el concepto de alojamiento de fuentes en CSS:

Html

Fuentes de fuentes en CSS

Primer párrafo

Segundo parrafo

CSS

cuerpo
Font-Family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

Aquí en el código anterior, el navegador primero intentará especificar el estilo de fuente "Cambria"

• Si está disponible, todo el cuerpo se establecerá de acuerdo con el "Cambria".
• Si por alguna razón no está disponible "Cambria", el navegador utilizará la segunda opción I.mi. "Cochin"
• Del mismo modo, el navegador usará alguna otra opción si las opciones anteriores no funcionan correctamente:

La salida anterior verifica que el navegador utiliza el estilo "Cambria".

Supongamos que la primera fuente no funciona por alguna razón, entonces el navegador utilizará la opción de retroceso como se muestra en la siguiente pantalla:

El mismo código ejecutado, pero esta vez, debido a algunas razones, el estilo de fuente "Cambria" no está disponible para que el navegador use la opción de retroceso I I.mi. "Cochin".

Conclusión

Las alternativas de fuentes CSS proporcionan una copia de seguridad para las fuentes I.mi. Si una fuente no funciona correctamente, el navegador intentará la otra. Para una buena práctica de codificación, escriba una familia de fuentes genéricos al final de la lista y elija el alternativo de la fuente dentro de la misma familia de fuentes. Este artículo demostró lo que es un alternativo de fuente, cómo está estructurado y cómo usarlo.