Ir al contenido principal

Cómo crear y editar combinaciones de fuentes

Aprende a personalizar la tipografía de tu sitio web de CentralApp. Esta guía explica cómo configurar combinaciones de fuentes.

Escrito por Odile Lodewijck

Las combinaciones de fuentes personalizadas te permiten adaptar la tipografía de tu sitio web directamente a la identidad de tu marca. Sigue esta guía paso a paso para configurar combinaciones tipográficas predeterminadas o personalizar individualmente los diferentes elementos tipográficos de tu sitio de CentralApp.

Acceder a los recursos de marca

Desde el panel de vista previa de CentralApp, haz clic en Logos & font combinations dentro de la sección Brand assets. A continuación, selecciona la pestaña Font Combinations en la parte superior del menú.

Añadir una nueva combinación de fuentes

  1. Haz clic en el botón + Add a combination.

  2. Elige cómo quieres configurar tu tipografía:

    1. Presets: selecciona entre plantillas tipográficas preconfiguradas, con combinaciones de fuentes diseñadas profesionalmente.

    2. Custom: selecciona manualmente las fuentes, los grosores, las alturas de línea y los estilos para cada tipo de texto.

Configurar los ajustes de fuentes personalizados

Si eliges Custom, puedes ampliar cada categoría (Title, Text, Navigation o Button) haciendo clic en SHOW para ajustar con precisión sus opciones tipográficas.

  1. Title: títulos y secciones principales (hero)

  2. Text: párrafos y texto principal

  3. Navigation: menús y enlaces de navegación principales

  4. Button: botones de llamada a la acción (CTA)

  • Font: haz clic en Select a font para abrir el menú desplegable y elegir una familia tipográfica para ese tipo de texto específico.

  • Weight: establece el grosor estándar de la fuente (por ejemplo, 700). Ajústalo utilizando los botones - y +.

  • Bold: establece el grosor específico que se aplicará cuando el texto de esta categoría tenga formato de negrita (por ejemplo, 700).

  • Line Height: controla el espaciado vertical entre las líneas de texto dentro de un párrafo o encabezado (por ejemplo, 1.1).

  • Ratio: define el multiplicador de escala proporcional entre los diferentes niveles de encabezados (H1, H2, H3, etc.) para garantizar una jerarquía visual clara (por ejemplo, 1.28).

  • Letter Spacing: ajusta el espaciado horizontal entre las letras (por ejemplo, 0).

¿El texto en negrita no se distingue del texto normal?

En Custom > Text, comprueba los valores Weight y Bold. Si son idénticos, el texto normal y el texto en negrita tendrán el mismo grosor. Para Bold, selecciona un peso mayor disponible para la fuente elegida, guarda la combinación y comprueba el resultado en la vista previa del sitio.

Guardar la combinación

Una vez que hayas configurado todas las opciones que deseas, haz clic en el botón Save combination, situado en la parte inferior del panel, para aplicar las nuevas reglas tipográficas a todo tu sitio web.

Para editar una combinación de fuentes existente

Busque la combinación que ha guardado en la lista Font Combinations y haga clic en el icono Editar (icono con forma de lápiz) situado junto a ella para abrir directamente el panel de personalización.

¿Ha quedado contestada tu pregunta?