Unifique sin esfuerzo los estilos de fuente de su sitio web: cómo configurar fuentes globales en Elementor

¿Quieres que el estilo de fuente de tu sitio web se muestre de manera consistente en todas las páginas y se herede automáticamente? El método más sencillo y profesional es utilizar Elementor Configuración de fuentes globales. Este tutorial le guiará paso a paso a través del método correcto para modificar las fuentes globales, lo que le permitirá mantener la coherencia visual en todo su sitio web sin esfuerzo y sin tener que ajustar cada página individualmente.

图片[1]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

I. ¿Por qué utilizar las fuentes globales de Elementor?

El uso de una fuente global ofrece inmediatamente a los sitios web las siguientes ventajas:

  • Unifique los efectos visuales aplicando automáticamente un esquema tipográfico coherente a los elementos de texto, como encabezados, cuerpo del texto y botones.
  • Minimiza las tareas repetitivas realizando cambios que se aplican a todo el sitio con una sola edición.
  • Consistencia en múltiples dispositivos, adaptándose automáticamente a teléfonos móviles, tabletas y ordenadores de sobremesa.
  • Para facilitar el mantenimiento futuro y evitar inconsistencias en las fuentes o la pérdida parcial del control de las fuentes en determinadas páginas.

II. ¿Cuáles son las fuentes tipográficas más comunes en Elementor?

Antes de modificar las fuentes, es necesario comprender la jerarquía de las fuentes dentro de Elementor:

  1. Fuentes temáticas, como Hello, Astra,Kadence La configuración de formato predeterminada para el tema
  2. Fuentes globales de Elementor
  3. Fuente del widget Elementor (anula la configuración global cuando se configura individualmente)

Para garantizar que las modificaciones de fuente se sincronicen en todo el sitio con un solo ajuste, se deben implementar cambios globales de fuente en lugar de modificar componentes individuales.

III. ¿Cómo modificar las fuentes globales en Elementor?

Paso 1: Abra la configuración de diseño global.

Entra en Elementor para editar cualquier página.
Pulsa el menú de hamburguesa (tres líneas horizontales) en la esquina superior izquierda.
Seleccionar configuración del sitio

图片[2]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Tipografía abierta

图片[3]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Paso 2: Modificar fuentes globales

Elementor ofrece cuatro grupos de fuentes predeterminados que se pueden aplicar en todo el sitio:

  • Primario (fuente principal: texto del cuerpo)
  • Secundaria (fuente auxiliar)
  • Texto (texto general)
  • Acentuación (texto resaltado: botones y texto clave)
图片[4]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Cada grupo de fuentes se puede configurar:

  • Familia tipográfica
  • Tamaño de fuente
  • Peso de la fuente
  • Altura de línea
  • Espaciado entre letras
图片[5]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Paso 3: Guardar y aplicar en todo el sitio

Una vez completada la configuración, haga clic en Actualizar.
La fuente de todo el sitio se actualizará inmediatamente, sin necesidad de realizar modificaciones página por página.

图片[6]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

4. ¿Cómo se pueden configurar por separado las fuentes para los encabezados y el cuerpo del texto?

Elementor admite la configuración individual de fuentes para diferentes niveles de encabezado.

Senda:

Configuración del sitio → Tipografía → Encabezados

图片[7]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Puede establecer fuentes y estilos distintos para los encabezados H1, H2, H3, H4, H5 y H6, respectivamente. Por lo general, se recomienda lo siguiente:

  • Selecciona fuentes estilizadas para los títulos, más llamativas y con mayor peso.
  • Seleccione una fuente muy legible para el texto principal.

Ejemplos comunes de maridaje:

utiliceFuentes recomendadas
Encabezados H1–H3Playfair Display, Montserrat, Poppins
PárrafoRoboto, Open Sans, Inter
图片[8]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果
Fuentes Montserrat

V. ¿Qué pasa si la fuente no cambia?

A continuación se indican las razones más comunes por las que las modificaciones de fuente pueden resultar ineficaces, junto con sus soluciones:

1. El tema anula las fuentes de Elementor.

Solución:
Accede a la configuración del diseño del tema y desactiva el control de fuentes integrado en el tema (Kadence, etc.).Astra (Esta opción está disponible para temas como...)

2. Elementor Kit cubre las fuentes.

Acceder a Elementor → Configuración del sitio
Comprueba si las configuraciones del kit afectan al diseño.

图片[9]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

3. Caché no actualizada

Borrar: caché de Elementor, caché de WP,CDN Caché, caché del navegador

图片[10]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

VI. Cómo añadir fuentes personalizadas (opcional)

Si necesita cargar fuentes de marca o tipos de letra especializados:

Navega a Elementor → Fuentes personalizadas → Añadir nueva

图片[11]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

Admite los siguientes formatos:

  • .ttf
  • .woff
  • .woff2
  • .eot

Una vez cargada correctamente, se puede seleccionar para su uso en la lista global de fuentes.

图片[12]-如何在 Elementor 中修改网站的全局字体 | 统一全站视觉效果

resúmenes

Elementor La funcionalidad de fuente global le permite gestionar sin esfuerzo el estilo tipográfico en todo su sitio web, logrando:

  • unidad visual
  • Fácil mantenimiento
  • Modificación eficiente
  • Consistencia entre múltiples dispositivos

Simplemente navega a Configuración del sitio → Tipografía para ajustar las fuentes de todo el sitio, una habilidad esencial para todos los usuarios de Elementor.


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: [email protected]
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
本文作者:托尼屎大颗
EL FIN
Si le gusta, apóyela.
felicitaciones1033 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios