Guia do Usuário Cancelar

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

  1. Guia do usuário do Adobe Fonts
  2. Introdução
    1. Requisitos de sistema e assinatura
    2. Suporte a navegador e sistema operacional
    3. Adicionar fontes ao computador
    4. Adicionar fontes ao seu site
    5. Adicionar fontes na Creative Cloud para dispositivos móveis
  3. Licenciamento de fontes
    1. Licenciamento de fontes
    2. Gerenciar sua conta
    3. Licenciamento para clientes da Creative Cloud para corporações
    4. Adicionar licenças de fonte à sua conta
    5. Remover fontes da biblioteca de assinaturas
    6. Adobe Fonts não disponível para Adobe IDs registradas na China
    7. Por que essas fontes não estão incluídas na minha associação à Creative Cloud?
    8. Remoção de fontes da Morisawa em setembro de 2021
  4. Obter e usar fontes
    1. Usar o Adobe Fonts em aplicativos da Creative Cloud
    2. Gerenciar suas fontes
    3. Resolver problemas de fontes ausentes em aplicativos de desktop
    4. Usar fontes no InDesign
    5. Fontes e tipografia
    6. Usar fontes da Web em documentos HTML5 Canvas
    7. Usar fontes no InCopy
    8. Usar fontes da Web no Muse
    9. Empacotar arquivos de fonte
    10. Guia de solução de problemas: adição de fontes
    11. As fontes adicionadas não aparecem no menu de fontes
    12. “Não foi possível adicionar uma ou mais fontes” ou “Uma fonte com este nome já está instalada”
    13. O que ocorre quando uma fonte que estou usando é atualizada pelo fornecedor?
  5. Web design e desenvolvimento
    1. Adicionar fontes ao seu site
    2. Guia de solução de problemas: adicionar fontes a um site
    3. Solução de problemas de fontes
    4. Usar fontes da Web em emails ou informativos HTML
    5. Usar fontes da Web em páginas aceleradas para dispositivos móveis (AMP)
    6. Seletores CSS
    7. Personalizar o desempenho das fontes da Web com configurações de exibição de fontes
    8. Códigos incorporados
    9. Subdivisão dinâmica e serviço de fontes da Web
    10. Eventos de fonte
    11. Por que minhas fontes da Web são de use.typekit.net?
    12. O site não consegue se conectar a use.typekit.net
    13. Usar fontes da Web com o CodePen
    14. Suporte a navegador e sistema operacional
    15. Domínios
    16. Usar fontes da Web no desenvolvimento local
    17. Política de segurança de conteúdo
    18. Imprimir fontes da Web
  6. Idiomas compatíveis e recursos OpenType
    1. Compatibilidade e subdivisão de idiomas
    2. Usar recursos OpenType
    3. Sintaxe para recursos OpenType em CSS
  7. Tecnologia de fontes
    1. Fontes coloridas OpenType-SVG
    2. Ten Mincho: pontos importantes ao atualizar da versão 1.000

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 site podem ver um texto sem estilo em Flash 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 fontes não tiverem sido carregadas ao fim do período de troca, a fonte substituta permanecerá 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 a opção de não baixar a fonte da Web, por exemplo, se o visitante do site estiver usando uma conexão lenta com a 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.

Observação:

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:

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

    Editar projeto
    Editar projeto

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

    font display settings

  3. 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 da Web criados antes de setembro de 2020 foram atualizados para usar o comportamento padrão de exibição de fontes: 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. 

Receba ajuda com mais rapidez e facilidade

Novo usuário?