Avisos
Vaciar todo

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

 
Blasina
 Blasina
Usuario activo

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
Pepe
 Pepe
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress

Blasina
 Blasina
Usuario activo

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
Soporte CMS Webempresa 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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Blasina
 Blasina
Usuario activo

@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
 Bruno
Soporte CMS Webempresa 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

Blasina
 Blasina
Usuario activo

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
Soporte CMS Webempresa 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

wpdoctor-revisa-la-salud-de-tu-wordpress

Blasina
 Blasina
Usuario activo

@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
Blasina
 Blasina
Usuario activo

Muchas gracias por la ayuda 

Respondido : 14/12/2023 8:41 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Blasina

Nada, Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 14/12/2023 9:04 am