Fontes e tipografia

Escolher fontes, usar o Google Fonts e o que fazer quando uma mudança de fonte não aparece.

Última atualização:

Definir as fontes

Fontes fazem parte do tema. Peça pelo nome:

Use Inter no texto corrido e Playfair Display nos títulos.

Google Fonts são aceitas pelo nome. Se você citar uma fonte indisponível, receberá a correspondência razoável mais próxima em vez de uma tela quebrada — então, se precisão importa, confirme o que de fato foi aplicado.

A escala tipográfica

Você pode guiar a escala com palavras:

Suba um tamanho nos títulos e aperte a entrelinha. O texto corrido está pequeno demais — suba para 17 px.

Se uma mudança de fonte não aparecer

É uma classe de problema conhecida que vale checar de propósito: o tema pode se atualizar enquanto a folha de estilo que carrega a fonte não. Sintoma: o design diz que usa uma fonte que claramente não está renderizando.

  1. Recarregue o projeto.
  2. Reaplique a mudança de fonte no chat e observe o canvas, não o resultado da ferramenta.
  3. Se ainda não renderizar, fale com o suporte com o link do projeto e o nome da fonte.

Fontes próprias e licenciadas

Fontes auto-hospedadas ou licenciadas não podem ser enviadas hoje. O caminho prático é escolher a Google Font mais próxima enquanto projeta e depois trocar pela sua fonte licenciada após a exportação — no Figma, na sua base de código ou no CSS do site publicado.

Este artigo foi útil?

Artigos relacionados

Read this in your language