Al utilizar Elementor Fuentes personalizadasCuando muchas personas se encuentran con un problema loco: las fuentes se han cargado correctamente, y se puede ver la vista previa en el editor, pero la página de primer plano no se carga, y las fuentes por defecto se siguen mostrando. En este caso, puede haber un problema con la ruta del archivo de fuentes.

1. Compruebe que las fuentes se han cargado correctamente

El primer paso es asegurarse de que el archivo de fuentes se ha cargado correctamente.

Abre el backend de Elementor → Fuentes personalizadas.
Haga clic en el proyecto de fuente cargado para ver si se ha cargado cada peso de fuente (Normal, Negrita, Cursiva, etc.).
Los formatos más comunes son: woff, woff2, ttf, otf. Se recomienda cargar al menos woff y woff2, que son más compatibles y cargan más rápido.

Si sólo se carga un formato, es posible que algunos navegadores no lo reconozcan, lo que dará lugar a unFallo de carga de fuentes.

2. Compruebe que las rutas de las fuentes no están interferidas por plug-ins de reescritura o compresión.

Existen algunos plugins de optimización del rendimiento, como Cohete WP, LiteSpeed Cache, Autoptimize, puede alterar accidentalmente la ruta de carga de los archivos de fuentes al comprimir o combinar CSS.

Solución:

Desactive temporalmente el plugin de caché, actualice la página y compruebe si las fuentes se cargan correctamente.
CDN claro y la caché del navegador para garantizar que se carga la última versión del recurso.
Ir a Herramientas de desarrollo del navegador(F12) → pesta?a Red → actualice la página y compruebe si la solicitud del archivo de fuentes informó de un error (código de estado 404).

Si ve que un archivo de fuentes informa de un error (por ejemplo:404 no encontrado), significa que la ruta no es correcta.

3. Consola del navegador para ver la ruta de la fuente

pulse F12 Abra Herramientas de desarrollo y cambie a la pesta?a Consola o Red.

Después de actualizar la página, busque la solicitud de carga de fuentes y compruebe si la ruta es correcta.
Una ruta de fuente normal debería tener este aspecto:

https://example.com/wp-content/uploads/elementor/custom-fonts/MyFont.woff2

如果路徑中出現(xiàn)了奇怪的目錄、缺少文件后綴，或者路徑中帶有 %20（空格符號），都可能導(dǎo)致加載失敗。

Recomendación:

No asigne al archivo de fuentes nombres con caracteres chinos o espacios.
Asegúrese de que las fuentes se guardan en el directorio uploads/elementor/custom-fonts/.
Si utiliza un sitio con subdirectorio, asegúrese de que la ruta de instalación de WordPress coincide correctamente.

4. Si están activadas o no las restricciones entre dominios (CORS)

Si su sitio ha habilitado CDNPor ejemplo CloudflareSeven Bulls, AliCloud OSS, existe la posibilidad de que se activen las restricciones entre dominios (CORS), lo que provocaría un fallo en la carga del archivo de fuentes.

Solución:

A?ada las siguientes cabeceras de respuesta a la configuración de su servidor o CDN:

Access-Control-Allow-Origin: *

Esta cabecera de respuesta permite a otras fuentes cargar sus archivos de fuentes. También puede abrirse para dominios específicos, por ejemplo:

Access-Control-Allow-Origin: https://example.com

El método add se encuentra en el .htaccess del servidor,Nginx o a?ada reglas directamente en el panel de control CDN.

5. La dirección de WordPress no coincide con la dirección del sitio

En los ajustes de WordPress, si los ajustes "Dirección de WordPress (URL)" y "Dirección del sitio (URL)" no coinciden, también puede producirse una ruta incorrecta.

Ruta: Backend → Configuración → General.
Compruebe que las dos direcciones son iguales, asegúrese de que ambas empiezan por https:// y de que el nombre de dominio es correcto.

Si la dirección está mal configurada, WordPress cometerá un error al generar la ruta de la fuente y el navegador, naturalmente, no podrá cargarla.

6. Las confusiones entre HTTPS y los archivos de fuentes provocan fallos de carga

A veces los sitios han habilitado HTTPSSin embargo, si los archivos de fuentes se siguen cargando a través de HTTP, el navegador interceptará estos recursos directamente, provocando que las fuentes no se muestren.

Solución:

Compruebe si la ruta del archivo de fuentes empieza por https://
Si no es así, puede utilizar un plugin como Really Simple SSL para autocorregir la ruta del recurso.
También puede sustituir manualmente la ruta al archivo de fuentes en Elementor por la dirección HTTPS

7. Los estilos personalizados de temas o plug-ins anulan las llamadas a fuentes

Algunos temas o plugins pueden venir con la configuración de fuente que se establecerá a través de la CSS Prioridad anula la fuente que se establece en Elementor.

Enfoque excluyente:

Abra las herramientas de desarrollo de su navegador y seleccione el texto de la página que no muestra la fuente personalizada.

Comprueba si su font-family heredada de CSS es de Elementor o si está sobrescrita por otro estilo.

Si existen conflictos de estilo, puede aumentar manualmente la prioridad de las fuentes de Elementor mediante !important

Puede ver el valor de prioridad específico del selector. Los estilos que tienen tachados son estilos que no surten efecto porque tienen una prioridad baja.

resúmenes

Cuando las fuentes de Elementor no se cargan, muy a menudo no se trata de un problema con el archivo en sí, sino de un conflicto inesperado provocado por la configuración de la ruta, la caché, la CDN o la prioridad de estilo. La mayoría de los problemas pueden resolverse comprobando en orden los puntos clave, como la carga de la fuente, la dirección de la ruta, la respuesta del navegador, la interferencia de la caché, etc.

Una vez solucionado el problema, actualice de nuevo la página principal para comprobar si las fuentes se cargan correctamente. Si no se soluciona, se recomienda volver a probar con otro navegador o borrar la caché local. Una vez que las fuentes se carguen correctamente, el estilo visual de todo el sitio web será más unificado y profesional.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres