136 · Design e Web

Visualizador de emparelhamento de fontes

Escolha uma fonte de título e uma fonte de corpo para ver como elas funcionam juntas, com seu próprio texto.

Seus dados: Esta ferramenta processa sua entrada neste navegador. CapyHelp não carrega essa entrada para gerar seu resultado. Detalhes de privacidade

Visualizador de emparelhamento de fontes

Como usar o visualizador de emparelhamento de fontes

  1. Escolha uma fonte de título e uma fonte de corpo.
  2. Ajuste os tamanhos e digite seu próprio texto.
  3. Copie o CSS.

Por que fontes do sistema

Essas fontes já estão na maioria dos computadores e telefones, portanto carregam instantaneamente e não custam nada. Cada um vem com alternativas: se um dispositivo não tiver a primeira escolha, a próxima fonte semelhante será usada. Uma combinação clássica é um título serifado, como Georgia, com um corpo sem serifa limpo.

Exemplos

Geórgia + IU do sistema

Clássico, legível

Impacto + Verdana

Título em negrito, texto de corpo largo

Perguntas

Por que uma fonte parece diferente no meu telefone?

Algumas fontes não estão instaladas em todos os lugares, então um substituto é usado. O CSS lista bons substitutos para cada escolha.

Tradução automática. Revise resultados importantes.