Personalizar o desempenho das fontes da Web com configurações de exibição de fontes

Última atualização em 11/07/2023

Aprenda a usar as configurações de exibição de fontes para modificar o desempenho das fontes da Web.

A configuração de exibição de fontes permite que você especifique como as fontes da Web são carregadas no navegador e aplicadas ao seu site. Há cinco opções de exibição de fontes:

Valor de exibição de fontes 

Comportamento 

Automático

Permite ao navegador usar o método padrão para carregar a fonte.

Bloquear

Oculta o texto no site até que a fonte da Web seja baixada. Os visitantes do site podem ver um texto invisível em Flash ou FOIT com esta opção.

Trocar

Mostra a fonte substituta que você definiu no CSS até que a fonte da Web seja baixada. Os visitantes do seu site podem ver um flash de texto sem estilo ou FOUT com esta opção.  

Substituição

Usa o comportamento de bloco por um curto período, depois muda para o comportamento de troca e aplica a fonte substituta ao texto. Se as Web Fonts não tiverem carregado até o final do período de troca, a fonte de fallback permanece em uso. 

Opcional

Usa o comportamento de bloco por um curto período, depois aplica a fonte substituta ao texto. O Valor dá ao navegador web a opção de não baixar a fonte da web, por exemplo, se o visitante do site estiver em uma conexão lenta de Internet. 

Para obter detalhes técnicos sobre a exibição de fontes e os valores compatíveis, consulte a Especificação de nível 4 do módulo de fontes CSS.

Nota

Por padrão, os projetos de fontes da Web são criados com a exibição de fontes definida como auto.

Para personalizar a configuração de exibição de fontes, siga as etapas abaixo:

Na sua página de projetos da Web, clique em  Editar projeto.

Editar projeto
Editar projeto

Selecione qualquer um dos seguintes valores de exibição de fontes na barra lateral.Por padrão, a configuração font-display de projetos de fontes da web é definida como auto.  

font display settings

Clique em Salvar alterações para aplicar o valor de exibição de fontes no site em minutos.

A nova configuração de exibição de fonte é incluída automaticamente em seu site como parte do código incorporado existente.

Atualizar projetos da Web existentes

O suporte para exibição de fontes foi adicionado ao carregamento de fontes da Web da Adobe em setembro de 2020. Projetos web criados antes de setembro de 2020 foram atualizados para usar o comportamento padrão font-display: auto

A configuração de exibição de fonte para qualquer projeto existente pode ser alterada seguindo as etapas acima. Assim que salvar as alterações, a nova configuração de exibição de fontes será incluída em seu site como parte do código incorporado existente. Você não precisa fazer alterações no site.