Avisos
Vaciar todo

[Resuelto] Error de visualización de las fuentes personalizadas (Elementor)

11 Respuestas
3 Usuarios
0 Reactions
22 Visitas
Respuestas: 7
Active Member
Topic starter
 

Buenas, 

Hago esta consulta a través del foro ya que desde el soporte del ticket me han indicado que debo hacerla por aquí.

He hecho la web con Elementor, y para el diseño he configurado fuentes personalizadas. Al principio se veían correctamente, pero desde hace una semana (aprox), no se visualiza de manera correcta (la tipografía es la tipografía por defecto de Elementor).

La consulta es si existe algún tipo de incompatibilidad o fallo, algún archivo corrupto o similar, ya que estamos también en contacto con el soporte técnico de Elementor y parece que todo está bien, ya que todos los posibles aspectos que pudieran originar este fallo no está ocurriendo.

Esto os lo preguntamos ya que hace unas semanas con otro cliente, no se podía editar Elementor, y era por seguridad, su hosting bloqueaba algunos archivos de Elementor y no permitía el acceso al editor de Elementor.

Cualquier información / fallo / error que podáis detectar nos sirve de gran ayuda.

Contenido solo visible a usuarios registrados


 
Respondido : 12/12/2023 10:52 am
Tags del tema
Pepe
 Pepe
Respuestas: 41265
Illustrious Member Admin
 

Hola Balsina.

Tienes la web en mantenimiento y no podemos revisarlo.

Por favor abre la web y nos adjuntar una captura del texto que quieres modificar y el nombre de la fuente.

 

Un saludo


 
Respondido : 12/12/2023 12:01 pm
Respuestas: 7
Active Member
Topic starter
 

Hola @pepesoler

Ya he abierto la web.

En esta captura de aquí se muestra uno de los textos de la página de inicio (la tipografía que muestra es la que está por defecto, a pesar de tener subidos los archivos en 'Fuentes Personalizadas') y configurados en las Fuentes Globales dentro de Elementor.

image

Esta captura es cómo debería visualizarse la tipo (es una captura hecha de figma, ya que ahora ya no se visualizan bien las tipos en ningún sitio).

image

 

Esta tipografía es la Editor Note.

Adjunto también otra captura del error que nos ha aparecido hoy en la consola (hasta hoy no nos aparecía ningún error).

image

Gracias


 
Respondido : 12/12/2023 2:35 pm
Pepe
 Pepe
Respuestas: 41265
Illustrious Member Admin
 

Hola Blasina.

Puedes modificarlo añadiendo lo siguiente en Apariencia -> Personalizar -> CSS Adicional.

.elementor-12872 .elementor-element.elementor-element-f840067 .elementor-heading-title {
font-family: fantasy!important;
}

Lo que no veo es la fuente Editor Note ¿ como la añadiste ? 

Veo que es una fuente de pago:

-> https://www.fonts.com/font/jen-wagner-co/editors-note

 

Un Saludo


 
Respondido : 12/12/2023 3:13 pm
Respuestas: 7
Active Member
Topic starter
 

@pepesoler

 

¿Te refieres a cómo está subido el archivo o cómo está añadida en el diseño?

Los archivos de la tipografía (los pesos que voy a utilizar), están subidos desde Elementor > Fuentes Personalizadas

image

 
Respondido : 12/12/2023 3:33 pm
Bruno
Respuestas: 6558
Illustrious Member Moderator
 

Hola Blasina

Pese a que si se identifica la fuente no se muestra correctamente

image

En tu captura veo que has agregado la fuente desde las opciones de Elementor Pro.

Has probado cambiar el formato del archivo? cuando usamos fuentes personalizadas puede darse la situacion que no es invocada la fuente de manera correcta

Intenta cambiar del formato ttf a woff o woff2 usando sitios como https://convertio.co/es/ttf-woff/

Has la prueba y nos comentas, Saludos!


 
Respondido : 12/12/2023 4:22 pm
Respuestas: 7
Active Member
Topic starter
 

Hola @bruno-vichetti

He adjunto la fuente en todos los formatos (.woff, .woff2, .svg y .eot) pero sigue sin visualizarse. El problema no es de todas las fuentes (al comprobarlo me he dado cuenta de ello), únicamente de la fuente Editor's Note.

Como comentaba al principio del hilo, este error no ha ocurrido desde siempre, ya que al principio sí que me funcionaba, pero he comprobado si pudiera ser una incompatibilidad con algún plugin pero no lo es.


 
Respondido : 13/12/2023 2:00 pm
Pepe
 Pepe
Respuestas: 41265
Illustrious Member Admin
 

Hola Blasina.

Instala el siguiente plugin y carga las fuentes:

-> https://es.wordpress.org/plugins/custom-fonts/

.- Carga las fuentes y le añades un título, ese título será el que utilizara para la identificación de la fuente:

screenshot mary52.webempresa.eu 2023.12.13 16 43 09

Ahora supongamos que de nombre le hemos puesto " EsN "

.- Accede Apariencia -> Personalizar -> CSS Adicional y añade lo siguiente:

.elementor-12872 .elementor-element.elementor-element-f840067 .elementor-heading-title {
font-family: EsN;
}

 

Revisa si con eso se soluciona.

 

Un Saludo


 
Respondido : 13/12/2023 3:46 pm
Respuestas: 7
Active Member
Topic starter
 

@pepesoler instalando simplemente el plugin de Custom Fonts y configurando la tipografía que no se estaba visualizando de forman correcta, ya ha funcionado y se de manera correcta.


 
Respondido : 14/12/2023 8:40 am
Respuestas: 7
Active Member
Topic starter
 

Muchas gracias por la ayuda 


 
Respondido : 14/12/2023 8:41 am
Pepe
 Pepe
Respuestas: 41265
Illustrious Member Admin
 

Hola Blasina

Nada, Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo


 
Respondido : 14/12/2023 9:04 am