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://wpastra.com/wp-content/themes/astra/assets/fonts/astra.woff) format("woff"),url(
https://wpastra.com/wp-content/themes/astra/assets/fonts/astra.ttf) format("truetype"),url( https://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