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.

Imagen [1] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

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

Imagen [2] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

Tipografía abierta

Imagen [3] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

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)
Imagen [4] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

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
Imagen [5] - Cómo modificar la fuente global en Elementor | Unificar los efectos visuales en todo el sitio

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.

Imagen [6] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

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

Imagen [7] - Cómo modificar la fuente global de tu sitio web en Elementor | Unifica la coherencia visual en todo tu sitio web.

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
Imagen [8] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio
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.

Imagen [9] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

3. Caché no actualizada

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

Imagen [10] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

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

Imagen [11] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los elementos visuales de todo el sitio

Admite los siguientes formatos:

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

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

Imagen [12] - Cómo modificar la fuente global de tu sitio web en Elementor | Unificar los efectos visuales en todo el sitio

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
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
© Declaración de reproducción
Este artículo fue escrito por: ladrones serán ratas y ratones coraje
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