Ajustar os tipos de letra do menu

Guia prático Todos os planos 3 min de leitura

Escolha um Google Font no seletor integrado, ou reutilize um tipo de letra que o seu tema já carrega, para que o menu combine com o resto da sua loja.

Alterar um tipo de letra

Google Font

1. Abra o separador Fonts

   No editor de menu, clique no ícone A na barra lateral esquerda. Abre-se o painel Font settings (definições do tipo de letra).

2. Escolha o tipo de letra

   Num grupo como Main menu (menu principal), mantenha Use custom font (usar tipo de letra personalizado) desativado. Clique em Font family (família do tipo de letra) e escolha um tipo de letra e um estilo.

   

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

3. Defina o tamanho

   Ajuste Font size (tamanho do tipo de letra) e verifique a pré-visualização.

4. Guarde e publique

   Clique em Save e, depois, em Publish. A aplicação carrega o Google Font na sua loja online.

Tipo de letra do tema

1. Encontre o nome do tipo de letra do seu tema

   No Shopify admin, aceda a Loja online > Temas > Personalizar > Definições do tema > Tipografia. Anote o nome exato, por exemplo Instrument Sans.

2. Ative Use custom font

   No separador Fonts, ative Use custom font (1) no grupo que quer alterar.

   

   Ative Use custom font (1) e escreva o nome do tipo de letra em Font family (2).

3. Escreva o nome do tipo de letra

   Escreva o nome em Font family (2) e escolha Font weight (espessura do tipo de letra) e Font size. Repita para outros grupos, se necessário.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Cuidado

Com Use custom font ativado, a aplicação não carrega o ficheiro do tipo de letra: usa apenas o nome que escrever. Se o nome tiver um erro ou o seu tema não carregar esse tipo de letra, o navegador mostra um tipo de letra alternativo.

Grupos de tipos de letra

O painel Font settings tem cinco grupos, cada um com o seu próprio estilo.

Main menu

Os itens de nível superior na barra de menu.

Tab

Os nomes dos separadores num menu com separadores.

Submenu heading

Os títulos dentro dos submenus, como os títulos das listas de ligações.

Submenu text

As ligações e o texto dentro dos submenus.

Submenu description

O pequeno texto de descrição por baixo dos itens.

Definições

Todos os grupos têm as mesmas definições.

Use custom font

Desativado: escolha um Google Font no seletor. Ativado: escreva o nome de um tipo de letra que o seu tema já usa.

Font family

Abre o seletor de tipos de letra, ou passa a ser um campo de texto para o nome do tipo de letra quando Use custom font está ativado.

Font weight

Aparece quando Use custom font está ativado. De fino (thin) a preto (black), incluindo estilos itálicos.

Font size

Tamanho em px, de 10 a 60.

Dica

Para testar alterações de tipo de letra sem mexer na sua loja publicada, pré-visualize o menu num tema não publicado.

Páginas relacionadas

• Ajustar as cores do menuDefina as cores da barra de menu, dos submenus, dos separadores, das etiquetas de produto e do botão de adicionar ao carrinho.
• Definições do menuAltere o esquema, os elementos, a animação, o espaçamento e outras definições que se aplicam a todo o menu.
• CSS personalizadoAcrescente o seu próprio CSS para afinar o aspeto do menu.

Esta página foi útil?

Comunicar um problema