Ajuste as fontes do menu

Guia prático Todos os planos 2 min de leitura

Escolha uma Google Font no seletor integrado ou reutilize uma fonte que seu tema já carrega, para o menu combinar com o resto da sua loja.

Altere uma fonte

Google Font

1. Abra a aba Fontes

   No editor de menus, clique no ícone A na barra lateral esquerda. O painel Configurações de fonte é aberto.

2. Escolha a fonte

   Em um grupo como Menu principal, mantenha Usar fonte personalizada desativado. Clique em Família da fonte e escolha uma fonte e um estilo.

   

   (1) Fonte (Font family), (2) tamanho (Font size).

3. Defina o tamanho

   Ajuste o Tamanho da fonte e confira a pré-visualização.

4. Salve e publique

   Clique em Salvar e depois em Publicar. O app carrega a Google Font na sua vitrine.

Fonte do tema

1. Encontre o nome da fonte do seu tema

   No admin da Shopify, vá em Loja virtual > Temas > Personalizar > Configurações do tema > Tipografia. Anote o nome exato, por exemplo Instrument Sans.

2. Ative Usar fonte personalizada

   Na aba Fontes, ative Usar fonte personalizada (1) no grupo que você quer alterar.

   

   Ative Usar fonte personalizada (1) e digite o nome da fonte em Família da fonte (2).

3. Digite o nome da fonte

   Digite o nome em Família da fonte (2) e escolha o Font weight e o Tamanho da fonte. Repita para os outros grupos, se precisar.

4. Salve e publique

   Clique em Salvar e depois em Publicar.

Cuidado

Com Usar fonte personalizada ativado, o app não carrega o arquivo da fonte — ele apenas usa o nome que você digitar. Se o nome estiver escrito errado ou seu tema não carregar essa fonte, o navegador mostra uma fonte alternativa.

Grupos de fontes

O painel Configurações de fonte tem cinco grupos, cada um estilizado separadamente.

Menu principal

Itens de nível superior na barra de menu.

Aba

Nomes das abas em um menu com abas.

Título do submenu

Títulos dentro dos submenus, como os títulos de listas de links.

Texto do submenu

Links e texto dentro dos submenus.

Descrição do submenu

O pequeno texto de descrição abaixo dos itens.

Configurações

Todo grupo tem as mesmas configurações.

Usar fonte personalizada

Desativado: escolha uma Google Font no seletor. Ativado: digite o nome de uma fonte que seu tema já usa.

Família da fonte

Abre o seletor de fontes ou vira um campo de texto para o nome da fonte quando Usar fonte personalizada está ativado.

Font weight

Aparece quando Usar fonte personalizada está ativado. De fino a ultrapesado, incluindo estilos itálicos.

Tamanho da fonte

Tamanho em px, de 10 a 60.

Dica

Para testar alterações de fonte sem mexer na sua loja ativa, pré-visualize o menu em um tema de rascunho.

Páginas relacionadas

• Ajuste as cores do menuDefina as cores da barra de menu, dos submenus, das abas, dos rótulos de produto e do botão de adicionar ao carrinho.
• Configurações do menuAltere o layout, os elementos, a animação, o espaçamento e outras configurações que valem para o menu inteiro.
• CSS personalizadoAdicione seu próprio CSS para ajustar a aparência do menu.

Esta página foi útil?

Relatar um problema