Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

en el uso de Elementor Al realizar el diseño de la página web, elTipografía de las fuentes y ajustes de colorElementor ofrece una serie de opciones de diseño flexibles que pueden adaptarse fácilmente al aspecto general y a la experiencia de usuario de un sitio web.Tamaño del texto, color, familia de fuentes, peso de la fuentey otros ajustes tipográficos. Estas opciones suelen estar disponibles en la sección "tipo".

Cambiar la configuración de la tipografía de las fuentes

La tipografía es algo más que elegir tamaños y colores de fuente; también incluye ajustar otras propiedades tipográficas importantes como la familia de fuentes, el peso de la fuente, la altura de línea y el espaciado entre palabras. Estos son los pasos sobre cómo cambiar la tipografía de las fuentes en Elementor.

1. Abra la configuración de tipografía

Vaya al editor de Elementor y seleccione los widgets de la página en la que desea modificar el texto. Cada widget relacionado con el texto (por ejemploleyendaeditores de texto, etc.) pueden editarse para la tipografía de las fuentes. Siguiente:

  • Pulse "tipo"Tab.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • Encuéntralo".tipográfico", donde se pueden ajustar varias propiedades de la fuente.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

2. Cambiar fuentegama

La familia tipográfica determina el estilo y la personalidad del texto, por lo que elegir la fuente adecuada para su marca es crucial.

  • Pulse "tipográfico" en el menúSerie de fuentes"Menú desplegable".
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • Las distintas familias de fuentes disponibles pueden verse en el menú desplegable. Desplácese por la lista o escriba el nombre de la fuente en el cuadro de búsqueda.
  • Si ha configurado fuentes globales en los ajustes globales, puede hacer clic en "Iconos de la Tierra" para utilizar un tipo de letra global. Esto garantizará la coherencia en todo el sitio.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

Configuración global de fuentes

Fuentes globales es una característica proporcionada por Elementor que le permite utilizar el mismo conjunto de fuentes preestablecidas en todo su sitio. Para utilizar fuentes globales:

  • En "Serie de fuentes"Pulse en el campo "Iconos de la Tierra", a continuación seleccione la fuente global predefinida.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • Si necesita personalizar las fuentes globales, vaya a la configuración de Elementor en la sección "configuración global" para configurar la fuente global que desee.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

3. Ajuste del tamaño de letra

El tamaño de la fuente puede afectar a la legibilidad del texto, especialmente en dispositivos móviles. Utilice el control deslizante de tamaño de fuente de Elementor para establecer fácilmente diferentes tamaños de fuente para diferentes dispositivos.

  • En "tipográfico"Buscar en Ajustes"magnitud"Deslizador.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • Arrastre el control deslizante para aumentar o disminuir el tamaño de la fuente. También puede introducir el valor específico que desee directamente en el cuadro de valores.
  • Elementor proporciona funciones de configuración responsive que pueden configurarse por separado para elOrdenadores de sobremesa, tabletas y dispositivos móvilesEstablezca diferentes tamaños de letra.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

4. Ajuste del peso de las palabras, la altura de línea y el espaciado entre palabras

Para personalizar aún más el estilo del texto, puede ajustar el peso de las palabras, la altura de línea y el espaciado entre palabras:

  • peso de la palabra: El peso de la fuente determina el grosor de la misma. Puede elegir "normalidad","negrita (tipo de letra)","extremadamente fino" y otros estilos de peso de letra diferentes, en función de la familia tipográfica elegida.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • su altura (honorífico)Altura de línea : La altura de línea controla el espaciado vertical entre líneas de texto, y ajustar la altura de línea correcta puede mejorar la legibilidad del texto.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • espaciado de palabrasEspaciado entre palabras : El espaciado entre palabras es la distancia horizontal entre cada letra. Si aumenta el espaciado entre palabras, conseguirá que el texto parezca más escaso y, a la inversa, más compacto.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

5. Uso de ajustes de diseño personalizados

Si para algunos widgets desea utilizar elpersonalizaciónAjustes tipográficos sin afectar a laEstilo de fuente global, que puede ajustarse mediante la configuración tipográfica individual del widget:

  • Pulse "tipográfico" con el icono del lápiz para activar los ajustes de tipografía personalizados.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • Se realizan ajustes en las características deseadas (tamaño de fuente, peso de fuente, altura de línea, etc.). Dichos ajustes no afectan al estilo tipográfico global del sitio.

Cambiar el color de la fuente

Además de los ajustes tipográficoscolorTambién es un elemento clave del diseño visual.Elementor proporciona una práctica herramienta de selección de color que le permite establecer colores específicos para el texto.

1. En la pestaña Estilo, busque "Color del texto"Campo

En primer lugar, seleccione el widget que desea modificar y vaya a su "tipo", busque "Color del texto"Ajustes".

  • "Color del texto"La opción suele encontrarse en el "tipo" para encontrar la sección de contenidos correspondiente.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada
  • golpe (en el teclado)Cambiar de colorpara abrir el selector de color.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

2. Selección de colores globales

Si utiliza colores globales, pulse "Iconos de la Tierra", seleccione el color global predefinido del sitio.

Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

Esto ayuda a mantener los colores coherentes en todo el sitio y todos los widgets que utilicen ese color se actualizarán automáticamente cuando se cambie el color global.

  • Pulse "Iconos de la Tierra" después de seleccionar el color global que desea aplicar. Si el color es necesariopersonalizaciónColores globales, vaya a la sección de Elementor "configuración global"Parcialmente cambiado.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

3. Uso de selectores de color

Si desea personalizar elwidgetEn lugar de utilizar el color global, puede utilizar el selector de color para seleccionar el color adecuado.

  • Haga clic en el campo de color para que aparezca el panel de selección de color.
  • Garantice la precisión del color seleccionando una muestra de color o introduciendo el código hexadecimal, el valor RGB o HSL del color.
  • Elementor también le permite establecer un efecto de color degradado, lo que hace que los colores del texto sean más estratificados y visualmente más atractivos.
Cómo cambiar la tipografía de la fuente y la configuración de color en Elementor: una guía detallada

resúmenes

Elementor Como potente herramienta de creación de sitios web, ofrece numerosas opciones para la configuración de la tipografía y el color. Siguiendo estos pasos, podrá ajustar fácilmente el tamaño de la fuente, el color, la familia y otros atributos para crear un sitio web que se adapte a su estilo. Tanto si desea garantizar la coherencia de su sitio web mediante ajustes globales como si desea dar un estilo único a determinados widgets mediante una tipografía personalizada, Elementor tiene la flexibilidad necesaria para satisfacer sus necesidades.


Póngase en contacto con nosotros
¿No puede leer el artículo? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Teléfono: 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
Publicado por photon fluctuations, retweeted with attribution:https://www.361sale.com/es/20336/

Como (2)
Anterior 21 de septiembre de 2024 a las 13:59 horas.
Siguiente 21 de septiembre de 2024 16:27

Recomendado

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Póngase en contacto con nosotros

020-2206-9892

QQ咨询:1025174874

Correo electrónico: info@361sale.com

Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres

Servicio de atención al cliente WeChat