Mudar a fonte da loja

Neste artigo vamos te mostrar como você pode personalizar as fontes da sua loja usando o Google Fonts.

Se você não tiver suas fontes hospedadas em um servidor próprio, recomendamos o banco de fontes do Google, onde você pode escolher entre centenas de opções. Acesse o Google Fonts aqui, é gratuito!

No Google Fonts

1. Acesse o Google Fonts e escolha a fonte que deseja. Você pode usar o mecanismo de busca ou rolar com o mouse ou teclado para visualizar as fontes disponíveis:

2. Assim que escolher a fonte, clique nela:

Uma janela como esta será aberta:

3. Escolha um ou mais estilos clicando em "Select this style":

Cada fonte terá vários estilos, como negrito, itálico, etc.

4. Quando terminar de escolher os estilos, clique no botão no canto superior direito para ver a seleção de famílias de fontes:

O seguinte menu será exibido à direita:

5. Na seção Use on the web, clique na opção @import para obter o código da fonte:

6. Selecione e copie o código obtido para incorporá-lo na loja:

Na loja

1. Acesse Painel de Controle > Configurações > Avançado

2. Vá até Custom before </body> code e cole o código obtido no Google Fonts, no passo 6:

Clique em Salvar.

A fonte já está instalada na loja!

⚠️ Agora você deverá indicar a quais textos deseja aplicar essa fonte. Você pode alterar a fonte de toda a loja ou de alguns textos específicos.

3. Verifique se você tem o bloco de CSS Personalizado habilitado:

Se não tiver, não se preocupe — você pode adicionar o código no bloco Custom before </body> code, incorporando-o nas tags <style>..... </style>.

Se quiser alterar a fonte de toda a loja, você pode usar o seguinte código:

body{
font-family: 'Open Sans', sans-serif; /*Aquí deberás colocar la fuente que tu elegiste*/
}

Ficará da seguinte forma:

Ou assim:

Como você pode perceber, o font-family que adicionamos no bloco de código corresponde ao que escolhemos como exemplo neste artigo. Você deverá colocar o que selecionou no Google Fonts.

Para confirmar, você pode visualizar a linha de código font-family aqui:

Pronto! Agora você pode ver as alterações na sua loja:

Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para support@publica.la.

Atualizado em: 11/05/2026