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éntralo".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 las fuentes globales, vaya a la configuración de Elementor en la sección "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 letra diferentes, en función de la familia tipográfica 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 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.
- 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.
- golpe (en el teclado)Cambiar de colorpara abrir el selector de color.
2. Selección de colores globales
Si utiliza colores globales, pulse "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 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.
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.
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.