Pular para o conteúdo

Tipografia

No Brand Editor, acesse Identidade de marca → Tipografia.

Você pode configurar:

  • Títulos — fonte usada por títulos de páginas, banners e headings principais.
  • Textos — fonte usada pelo corpo da loja, descrições, preços, formulários e textos de apoio.
  • Tamanhos — escala base dos títulos e tamanhos usados no corpo.
  • Negrito nos títulos — define se os títulos globais usam peso regular ou negrito.

As fontes vêm do Google Fonts. Esta versão inclui as famílias do Flex legado que faltavam nos seletores, como Barlow, Bebas Neue, Merriweather, PT Sans, Quicksand, Roboto Slab, Quattrocento Sans, Cinzel e Sacramento.

| Setting | O que controla | |---|---| | font_headings | Família tipográfica dos títulos | | headings_size | Tamanho base da escala h1–h6 | | headings_bold | Peso negrito dos títulos | | font_rest | Família tipográfica dos textos | | font_rest_size | Escala de textos auxiliares | | font_base_size | Tamanho base do corpo |

As escolhas globais aparecem em toda a loja, incluindo páginas de produto, listagens, carrinho, banners e sections editoriais. Blocos Título e Texto nas sections usam a escala global, mas podem sobrescrever tamanho ou fonte no nível do bloco quando a section oferecer essa configuração.

  • Use no máximo duas famílias principais: uma para títulos e outra para textos.
  • Prefira fontes com boa leitura para textos longos, como Public Sans, Inter, Barlow, Lato ou Open Sans.
  • Reserve fontes decorativas, como Sacramento ou Bebas Neue, para títulos curtos.
  • Depois de trocar fontes, revise home, página de produto e carrinho em desktop e mobile.
  • O tema Brand Editor mantém dois seletores globais: títulos e textos. A terceira família exclusiva do Flex legado para menu não foi recriada nesta etapa.
  • Algumas fontes não têm todos os pesos ou estilos. Se uma variação não existir no Google Fonts, o navegador pode simular o peso.
  • Mudanças de fonte podem alterar quebras de linha e altura de banners; revise os principais banners após salvar.