Uso de Elementor Funciones de fuentes personalizadasUn problema común se encuentra cuandoNo se muestran las fuentes personalizadasEn el sitio en vivo.
Hay una serie de razones para este problema, que pueden implicarAlmacenamiento en caché, configuración HTTP/HTTPS, errores CORSetc. Este artículo analizará en detalle las posibles causas y soluciones.
Posibles causas y soluciones
Problemas de caché
El problema puede deberse a un problema de almacenamiento en caché.
- Borre el plugin de caché de WordPress (si se utiliza un plugin de caché).
- Si utiliza la aceleración CDN, etc., borre la caché del servidor.
- Borra la caché de tu navegador.
- Después de borrar toda la caché, vuelva a comprobarlo. Si la caché de su navegador no se ha borrado por completo, es posible que tenga que utilizar otro navegador o navegar en modo incógnito.
Error HTTP/HTTPS
Si ha migrado recientemente de HTTP a HTTPS, es posible que tenga que volver a cargar elArchivos de fuentes.
Para volver a cargar el archivo de fuentes::
1. Navegue desde el panel de control de WordPress a la secciónElementor > Fuentes personalizadas.
2. si la URL de la lista no empieza porhttpsAl principio, haga clic eneliminar.
3. Pulse"Subir"Vuelva a cargar el archivo.
4. Navegar hastaElementor > Herramientas.
5. Pulse"Regenerar CSS y datos". La url debería empezar ahora comohttpsde apertura, y sus fuentes deberían aparecer en la parte frontal.
Si esto sigue sin funcionar, es posible que haya encontrado otros problemas durante su anterior migración a HTTPS.
6. Navegar hastaElementor > Herramientas > Reemplazar URL.
7. En el panel derecho, localice elActualizar la dirección del sitio (URL)Parte.
8. En el campo URL antigua, introduzca el nombre de la URL conHTTPURL del sitio.
9. En el campo nueva URL, introduzca el nombre de la URL conHTTPSURL del sitio.
10. pulse"Sustituir URL".
11. Desplácese hacia abajo y pulse"Guardar cambios"Botón.
12. Navegación a"Ajustes" > "General".
13. GarantizarDirección de WordPress (URL)responder cantandoDirección del sitio (URL)parahttpsEmpezando.
Errores CORS en la consola
Si no se muestran las fuentes personalizadas y elError CORS recibido en la consola del navegadorSólo puede cambiar la política CORS del servidor poniéndose en contacto con el proveedor del servidor.
Problemas con las fuentes en las plantillas importadas
Si se importa una plantilla de Elementor que contiene fuentes personalizadas, es posible que estas fuentes no se importen automáticamente, lo que provocará que no se muestren.
Solución:
- Cargue manualmente fuentes personalizadas en el Elementor > Fuentes personalizadas. Al importar una plantilla, asegúrese de que todas las fuentes se han añadido correctamente.
El grosor de fuente seleccionado no está disponible
Es posible que las fuentes personalizadas no admitan todos los grosores de fuente. Si se selecciona un grosor de fuente en los Ajustes de tipografía y el archivo de fuente personalizada no contiene ese grosor, es posible que la fuente no se muestre en absoluto.
Solución:
- Seleccione el grosor de fuente que se aplica a su fuente personalizada en Elementor. Si es necesario, consulte con el diseñador de la fuente para asegurarse de que comprende todas las opciones de grosor admitidas por la fuente.
Código personalizado no válido
Un código CSS o JavaScript personalizado no válido puede afectar a la visualización del sitio, incluso provocar que las fuentes personalizadas no se muestren correctamente.
Solución:
- Vuelva a comprobar y elimine el código potencialmente no válido, especialmente CSS o JavaScript personalizados. si no puede identificar un problema de código, desactive temporalmente este código personalizado y compruebe si las fuentes vuelven a mostrarse.
Todas las variantes de fuentes no incluidas
Los distintos dispositivos y navegadores pueden manejar las fuentes de forma diferente. Por lo tanto, para asegurarse de que las fuentes personalizadas se muestran correctamente en todos los dispositivos, debe cargar todas las variantes de fuentes necesarias, incluyendo .ttf
y.svg
y.woff
y.woff2
responder cantando .eot
.
Solución:
Asegúrese de que se han cargado todas las variantes del archivo de fuentes. Si falta alguna variante, pueden producirse los siguientes problemas:
- Las fuentes vuelven a ser las predeterminadas
- El texto no aparece en la página web
Para evitar estos problemas, asegúrese de cargar variantes de fuentes completas que satisfagan las necesidades de visualización de los distintos navegadores y dispositivos.