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.

• Encuéntrelo".tipográfico", donde se pueden ajustar varias propiedades de la fuente.

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".

• 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.

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.

• Si necesita personalizar la fuente global, navegue hasta "configuración global" para configurar la fuente global que desee.

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.

• 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.

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 fuente diferentes, en función de la familia de fuentes elegida.

• 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.

• 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.

5. Uso de ajustes de diseño personalizados

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

• Pulse "tipográfico" con el icono del lápiz para activar la configuración de tipografía personalizada.

• Se realizan ajustes de las características deseadas (tamaño de fuente, peso de fuente, altura de línea, etc.). Tales ajustes no afectan al estilo tipográfico global del sitio.

Cambiar el color de la fuente

Además de los ajustes tipográficoscolorElementor ofrece una práctica herramienta de selección de color que permite definir 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.

• golpe (en el teclado)Cambiar de colorpara abrir el selector de color.

2. Selección de colores globales

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

Esto ayuda a mantener los colores coherentes en todo el sitio y todos los widgets que utilizan 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 "configuración global"Parcialmente cambiado.

3. Utilización 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 abrir 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 te permite configurar efectos de color degradado para que los colores del texto tengan más capas y sean visualmente más atractivos.

resúmenes

Elementor Como potente herramienta de creación de sitios web, ofrece numerosas opciones de configuración de la tipografía y el color. Siguiendo estos pasos, puedes 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 tu estilo. Tanto si quieres garantizar la coherencia de tu sitio web mediante ajustes globales como si quieres dar estilos únicos a determinados widgets mediante tipografía personalizada, Elementor tiene la flexibilidad necesaria para satisfacer tus necesidades.