Teste de fontes alternativas e disposição do texto
A OFICINA DE FONTES
Ajuste cada detalhe ao seu texto
Veja como o texto muda antes de a fonte web carregar. Compare a fonte principal, a alternativa e a alternativa ajustada e exporte CSS para reduzir deslocações na página.
Comece pelos seus ficheiros de fontes
Use ficheiros que tenha autorização para carregar. São suportados TTF, OTF, WOFF e WOFF2.
Pré-visualize, ajuste e compare
A verificação assinala pontos de código em falta. Inspecione também o texto apresentado.
Valores iniciais para esta amostra. Substitua os caminhos das fontes e teste outros textos e navegadores. As substituições de métricas usam as métricas predefinidas da fonte principal.
Como obter resultados úteis
Carregue a fonte principal e escolha uma alternativa local ou carregue outra fonte. Defina o texto e a largura da coluna. Adapte a alternativa à amostra, verifique as linhas e a altura dos blocos e afine o tamanho. Descarregue o CSS e substitua os caminhos de exemplo pelos seus ficheiros.
O que deve ter em conta
Esta é uma comparação da disposição do texto, não uma medição de CLS. O ajuste proposto aplica-se a esta amostra com a instância predefinida. Outros textos, estilos, navegadores ou sistemas podem apresentar resultados diferentes. A fonte local tem de existir no dispositivo do visitante; uma alternativa carregada também precisa de ser transferida pelo navegador.
As pré-visualizações são privadas e expiram após 15 minutos. Limpe a área de trabalho para pedir a eliminação antecipada. Os pacotes web são temporários e expiram automaticamente.
Explorar todas as ferramentas de fontes