[Cerrado] Fuente Nunito que no se aplica a etiquetas

Hola Alvaro, 

Este no es un error muy reportado en Elementor, pero si es algo que suele suceder, puede ser por diferentes motivos, ya sea el navegador que bloquee las fuentes, extensiones que se tengan, políticas cors, etc. Es muy difícil identificar la causa en sí.

De manera general cuando este tipo de conflictos sucede se soluciona modificar la forma en la que se carga las fuentes de Google desde la pestaña de Elementor → Ajustes → Avanzado → Carga de Google Fonts

Puedes probar cambiarlo a intercambiar y ver como se muestra todo y si sucede lo mismo con regularidad, si deseas verificar más en su documentación puedes verlo en este enlace → https://elementor.com/help/troubleshooting-fonts-not-appearing-on-frontend/

Como te comento no es un error muy reportado pero si es algo que sucede con regularidad con Elementor.

Verifícalo y nos cometas como va todo

Un Saludo 

Hola, buenas tardes Karen.

Ya tenía previamente como "Intercambiar" la opción indicada en Elementor → Ajustes → Avanzado → Carga de Google Fonts.

Lo que no tengo claro ahora mismo es si solo me ocurre a mí, o también en otros navegadores de usuarios.

Lo que es raro es que la fuente se aplique al resto de etiquetas y solo ocurra con la etiqueta <p>.

Un saludo.

Que tal Alvaro,

Tal como comenta mi compañera, este comportamiento si bien suele ser inusual entre las recomendaciones de Elementor se hace referencia al método de carga de las fuentes tal como se hace referencia en la documentación

https://elementor.com/help/google-fonts-loading-method/

Por otro lado pese a que es una manera de reforzar la aplicación de la fuente en elementos de parrafos se puede definir directo con estilos CSS personalizados como por ejemplo

p {
font-family: "Nunito Sans", sans-serif !important;
}

Por ultimo recuerda que ademas de la cache eliminada desde varias instancias hay elementos temporales que se pueden vaciar directamente desde Elementor

Saludos!

Hola, Bruno.

Gracias por tu respuesta.

Recientemente, apliqué esa opción tras una actualización general de la web. Pero es un tema que viene ya de algo atrás. 

No recuerdo, exactamente, pero quizás de cuando se empezó a usar Cloudflare.

El caso como digo, es que en móvil no he visto nunca el problema, solo en la versión de escritorio.

Sobre el CSS, sí, añadir esa directiva la tengo como última opción, ya que prefiero antes saber si el problema se puede corregir internamente y no pueda ser alguna cosa que afecte a otras partes de la web.

Gracias otra vez, un saludo.

Hola Alvaro,

Recientemente, apliqué esa opción tras una actualización general de la web. Pero es un tema que viene ya de algo atrás.

Perfecto y como se ha desempeñado hasta ahora?

El caso como digo, es que en móvil no he visto nunca el problema, solo en la versión de escritorio.

El tema con la diferencia de dispositivos reside tambien en como lo interpretan los navegadores sin embargo parece no ser un error frecuente

Sobre el CSS, sí, añadir esa directiva la tengo como última opción, ya que prefiero antes saber si el problema se puede corregir internamente y no pueda ser alguna cosa que afecte a otras partes de la web.

Lo ideal es poder cubrir la incidencia desde todas las instancias posibles, sobretodo considerando las constantes actualizaciones que puede sufrir la web a nivel de versiones tanto de WP como de plugins

Saludos!

Hola Bruno,

Recientemente, apliqué esa opción tras una actualización general de la web. Pero es un tema que viene ya de algo atrás.

Perfecto y como se ha desempeñado hasta ahora?

Los <p> han seguido mostrándose sin aplciarse la fuente correcta.

También aplique la directivas CSS p {font-family: "Nunito Sans", sans-serif !important;} para tratar de forzar a esas etiquetas,pero tras borrar la caché de WP Rocket y de Magic cache, han seguido sin aplicarse

El caso como digo, es que en móvil no he visto nunca el problema, solo en la versión de escritorio.

El tema con la diferencia de dispositivos reside tambien en como lo interpretan los navegadores sin embargo parece no ser un error frecuente

Lleva pasadno desde uno hace mucho, no le daba importancia porque tras actualizar y limpiar caché la fuente volvía a aparecer, pero ahora no cambiar.
En un portátil que tengo sí que se muestra correctamente sin problema. No sé hasta qué punto pueda estar relacionado con los estilos / tamaño.

Sobre el CSS, sí, añadir esa directiva la tengo como última opción, ya que prefiero antes saber si el problema se puede corregir internamente y no pueda ser alguna cosa que afecte a otras partes de la web.

Lo ideal es poder cubrir la incidencia desde todas las instancias posibles, sobretodo considerando las constantes actualizaciones que puede sufrir la web a nivel de versiones tanto de WP como de plugins

Como decía antes, ayer la aplqué para probar, y no parece forzar la aplicación de la fuente.

Hace unos meses, uno de nuestros desarrolladores implementó un pequeño bloque de programación en el function.php para que el menú de WordPress no se cargara dos veces.
Esto no debería estar relacionado con nada, pero la función usa una cookie para poder discriminar entre la versión y escritorio, para que en la versión escritorio no se cargue dos veces el menú.

De todas formas, como digo, no debería afectar, puesto que la fuente se carga correctamente en otras etiqueta como los encabezados, y es solo en <p> donde no se aplica.

Seguiré revisándolo.

Un saludo y gracias.

Hola Álvaro, 

Verificando el sitio web desde escritorio veo que la fuente sí se visualiza para los párrafos

Sin embargo, además de tener en cuenta los puntos anteriores debes tomar en cuenta el propio navegador del usuario, las fuentes se mostrarán dependiendo también de las políticas de cors, las extensiones que tenga el propio usuario en sí. 

Actualmente he verificado en dos navegadores y si veo que se visualizan es lo que me indica la herramienta de inspección, es posible debas revisar el navegador como tal donde visualizas la web y comprobar si por ello no se cargan, ten en cuenta que algunos navegadores pueden tener configuraciones específicas que bloquean fuentes externas si no se permiten en las cabeceras.

Adicional a esto, si revisas la consola podrás ver que está sucediendo en el sitio web, y verificar que puede estar bloqueando la fuente como tal.

Una alternativa a probar es subir la fuente como tal en custom font y asignarla a los párrafos en Elementor de forma que puedas revisar si de esta forma la fuente siempre se carga y no genera ningún error.

Un saludo 

Hola de nuevo Karen.

Revisando el inspector y la consola he visto que nos estaban cargando unas fuentes internas subidas en el hosting.

El theme original lo desarrollo un antiguo colaborador que uso fuentes internas para evitar la carga externa, y al cambiarse y actualizarse el theme, no estaban presentes:

Las he restaurado subiéndolas de nuevo, y tras refrescar ya veo que se aplican.

Lo que no me queda claro, es por qué los encabezados, <h1>, <h2>,<h3>, etc se visualizan en la fuente correcta estando asignada como los <p> desde ajustes generales y, sin embargo, a fuente no se aplicaba a los <p>. Deben estar asignados directamente con Google Fonts...

Seguiré revisándolo, para que tomen todas las etiquetas la fuente a nivel interno para evitar peticiones externas, pero en principio está correcto.

Un saludo y gracias por la ayuda.

Que tal Alvaro,

Gracias por tu consulta ya que existe la posibilidad de que otro usuario presente una incidencia similar a la que nos presentas

Segun entiendo ya podemos dar por resuelta la consulta, sin embargo cualquier otra duda que tengas estaremos atentos

Saludos!