↳ Ver todos los 14 artículos
/ Documentación / ¿Por qué se ha añadido la propiedad font-display a Astra?

¿Por qué se ha añadido la propiedad font-display a Astra?

Con Astra Versión 1.8.3 y superiores, se añade la mejora con la propiedad font-display: fallback; para cargar Astra Font.

@font-face {
    font-family: "Astra";
    src: url( https://clone.wpastra.com/wp-content/themes/astra/assets/fonts/astra.woff) format("woff"),url( 
    https://clone.wpastra.com/wp-content/themes/astra/assets/fonts/astra.ttf) format("truetype"),url( https://clone.wpastra.com/wp-content/themes/astra/assets/fonts/astra.svg#astra) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

Mientras se carga una página web, hay un periodo de tiempo muy corto (100ms según Google) durante el cual el texto no se mostrará en la fuente que se le haya aplicado. Esto significa que las fuentes personalizadas (fuentes Astra) serán invisibles durante un breve periodo de tiempo. Una vez que su sitio web esté completamente cargado el texto se mostrará con una fuente establecida desde el personalizador.

Durante este breve periodo de tiempo, los navegadores han introducido una nueva propiedad font-display que añade una fuente de reserva hasta que se carga la fuente personalizada.

Para más información, consulte el documento que figura a continuación.
https://developers.google.com/web/updates/2016/02/font-display

¿Fue útil este documento?
¿Qué salió mal?

No respondemos a los comentarios de los artículos, los usamos para mejorar nuestro contenido de soporte.

¿Necesitas ayuda? Contactar Soporte
En esta página
Scroll al inicio