¿Cómo mantener texto visible durante carga de webfont? (Solución)

  • Autor Autor henrym
  • Fecha de inicio Fecha de inicio
H

henrym

Dseda
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, coloque un código HTML en mi sitio con un formulario para que se subscriban a mi newsletter (MailerLite) y al pasar el test de Google PageSpeed dice lo siguiente:



Active en Leap la opción y no sirvió el problema persiste. ¿Alguna solución?
 
ponle a tu link font: &display=swap
con eso carga una font temporal mientras carga tu archivo woff2

o en GeneratePress
en font manager > google font-display > Swap

etc, etc.
 
Puko dijo:
ponle a tu link font: &display=swap
con eso carga una font temporal mientras carga tu archivo woff2

o en GeneratePress
en font manager > google font-display > Swap

etc, etc.
Hacer clic para expandir...
Tengo Generatepress, pero esto es un form de MailerLite, ¿Sirve igual?
 
henrym dijo:
Tengo Generatepress, pero esto es un form de MailerLite, ¿Sirve igual?
Hacer clic para expandir...
Se lo puedes poner, sino a MailerLite ¿pero tiene alguna opción de font-display?
 
en la ayuda de esa alerta tenes como solucionarlo, podes colocar como te indicaron arriba o desde aspecto->css adicional->colocas el css que te da la web informativa
 
Tengo estas opciones:





¿Ahí pongo la que dice API Google?
 
Puko dijo:
No se ve ninguna imagen
Hacer clic para expandir...
2023-11-12 09_08_40-Ensure text remains visible during webfont load (Solucion__) — Mozilla Fi...webp
2023-11-12 09_08_49-Ensure text remains visible during webfont load (Solucion__) — Mozilla Fi...webp

¿Ahora?
 
1. ¿de donde son las imágenes, de Generatepress o de MailerLite?
2. ¿el MailerLite no tiene opción de font-style?
3. ¿el MailerLite no toma la font de Generatepress?
4. ¿de donde te da error del Generatepress o de MailerLite?
5. si te da error de la carga de la font, es porque ya tiene ¿no se porque vas a agregar otra?
6. ¿o le agregaras la font a Generatepress a ver si se la cambia a MailerLite?
7. solo agregale a la font "swap"
 
Es todo de MailerLite, por el momento lo removí y les mande al soporte de ellos para ver si se puede cambiar la fuente en MailerLite.
 
Aun no contesto el soporte, en el codigo HTML del form pude remplazar los h4 por h3 pero el texto se me complico. Veremos que dicen, el codigo HTML que proporcionan es demasiado largo para un sencillo form de subs.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba