Ajustar las fuentes del menú

Guía práctica Todos los planes 3 min de lectura

Elige una fuente de Google en el selector integrado, o reutiliza una fuente que tu tema ya cargue para que el menú coincida con el resto de tu tienda.

Cambiar una fuente

Fuente de Google

1. Abre la pestaña Fuentes

   En el editor de menús, haz clic en el icono A en la barra lateral izquierda. Se abre el panel Ajustes de tipografía.

2. Elige la fuente

   En un grupo como Menú principal, deja Usar fuente personalizada desactivado. Haz clic en Familia tipográfica y elige una fuente y un estilo.

   

   (1) Fuente (Font family), (2) tamaño (Font size).

3. Define el tamaño

   Ajusta el Tamaño de fuente y revisa la vista previa.

4. Guarda y publica

   Haz clic en Guardar y luego en Publicar. La app carga la fuente de Google en tu tienda online.

Fuente del tema

1. Busca el nombre de la fuente de tu tema

   En el administrador de Shopify, ve a Tienda online > Temas > Personalizar > Configuración del tema > Tipografía. Anota el nombre exacto, por ejemplo Instrument Sans.

2. Activa Usar fuente personalizada

   En la pestaña Fuentes, activa Usar fuente personalizada (1) en el grupo que quieras cambiar.

   

   Activa Usar fuente personalizada (1) y escribe el nombre de la fuente en Familia tipográfica (2).

3. Escribe el nombre de la fuente

   Escribe el nombre en Familia tipográfica (2) y elige el Grosor de fuente y el Tamaño de fuente. Repite con otros grupos si lo necesitas.

4. Guarda y publica

   Haz clic en Guardar y luego en Publicar.

Precaución

Con Usar fuente personalizada activado, la app no carga el archivo de la fuente: solo usa el nombre que escribes. Si el nombre tiene un error o tu tema no carga esa fuente, el navegador muestra una fuente alternativa.

Grupos de fuentes

El panel Ajustes de tipografía tiene cinco grupos, cada uno con su propio estilo.

Menú principal

Elementos de nivel superior de la barra del menú.

Pestaña

Nombres de las pestañas de un menú con pestañas.

Título del submenú

Encabezados dentro de los submenús, como los títulos de las listas de enlaces.

Texto del submenú

Enlaces y texto dentro de los submenús.

Descripción del submenú

El texto pequeño de descripción bajo los elementos.

Ajustes

Todos los grupos tienen los mismos ajustes.

Usar fuente personalizada

Desactivado: elige una fuente de Google en el selector. Activado: escribe el nombre de una fuente que tu tema ya use.

Familia tipográfica

Abre el selector de fuentes, o se convierte en un campo de texto para el nombre de la fuente cuando Usar fuente personalizada está activado.

Grosor de fuente

Aparece cuando Usar fuente personalizada está activado. De fino a extranegrita, incluidos los estilos en cursiva.

Tamaño de fuente

Tamaño en px, de 10 a 60.

Consejo

Para probar cambios de fuente sin tocar tu tienda en vivo, previsualiza el menú en un tema en borrador.

Páginas relacionadas

• Ajustar los colores del menúDefine los colores de la barra del menú, los submenús, las pestañas, las etiquetas de producto y el botón de agregar al carrito.
• Ajustes del menúCambia el diseño, los elementos, la animación, el espaciado y otros ajustes que se aplican a todo el menú.
• CSS personalizadoAgrega tu propio CSS para ajustar con precisión el aspecto del menú.

¿Te ha sido útil?

Informar de un problema