Guia de solução de problemas: Adicionar fontes à um site

Quais problemas você encontrou?

As fontes não estão funcionando em nenhum navegador

Problema

Solução

Código de incorporação ausente do site.

Você minificou o código incorporado em um arquivo no seu próprio servidor.

A minificação não é permitida nos Termos de uso e impede que as fontes sejam carregadas corretamente.

Exclua o código incorporado dos compactadores de arquivos CSS e JavaScript e atualize seu site para usar o código incorporado conforme fornecido.

O nome da família de fontes correto não foi adicionado ao CSS.

Adicione os nomes da família de fontes fornecidos ao CSS. A página de ajuda dos seletores CSS mostra como localizar o nome da família de fontes de cada uma das fontes da web que você está usando.

Uma extensão do navegador está bloqueando os arquivos de fonte da Web.

Desative a extensão do navegador ou altere suas configurações para permitir as fontes da web do Adobe (anteriormente chamado Typekit).

As fontes não estão funcionando em navegadores de dispositivos móveis

Problema

Solução

O navegador não é suportado.

A espessura ou o estilo da fonte corretos não são especificados no CSS.

Adicione a espessura ou o estilo ao projeto da Web e verifique se ele está especificado corretamente no CSS.

O Firefox não mostra as fontes, mas outros navegadores mostram

Problema

Solução

Fontes para download desativadas na preferência oculta.

Outra preferência oculta desativa as fontes para download.

  1. Abra uma nova guia do navegador e digite about:config na barra de endereços.
  2. Insira gfx.downloadable_fonts.enabled no campo de pesquisa.
  3. Defina o valor como true. Para alterá-lo, clique duas vezes na linha de preferência.

A preferência do navegador para substituir as fontes do usuário está desativada.

Uma preferência determina se as fontes personalizadas podem substituir as configurações do navegador do usuário. Em Idiomas e aparência > Fontes e cores > Avançado, selecione a opção Permitir páginas para escolher suas próprias fontes.

O Internet Explorer não está mostrando as fontes, mas outros navegadores estão

Problema

Solução

O modo Documento é definido como uma versão mais antiga do navegador [IE9 ou superior].

O uso de um modo de documento diferente resulta no formato de arquivo de fonte incorreto que está sendo servido ao navegador.

Remova as tags meta que informam o Internet Explorer a usar um modo de documento diferente, tal como

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

A preferência do navegador para desativar as fontes baixadas está ativada [IE8].

Uma configuração de segurança pode desativar todas as fontes para download. Em Ferramentas > Opções da Internet > Segurança > Nível personalizado > Downloads, procure Download de fonte. Ative downloads de fontes com o nível de segurança padrão. Se a segurança tiver sido definida como “alta”, as fontes podem não ser carregadas.

Todo o texto está em itálico no Internet Explorer

Problema

Solução

O modo Documento é definido como uma versão mais antiga do navegador.

Usar um modo de documento diferente resulta no formato de arquivo de fonte incorreto que está sendo servido ao navegador e pode fazer com que todo o texto seja definido em itálico.

Remova as tags meta que informam o Internet Explorer a usar um modo de documento diferente, tal como

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

As fontes não são exibidas ou parecem “duplicadas” no Safari e no Mobile Safari

Problema

Solução

A espessura ou o estilo da fonte usados no CSS não estão incluídos no projeto da Web.

Adicione a espessura ou o estilo ao projeto e verifique se ele está especificado corretamente no CSS.

Logotipo da Adobe

Fazer logon em sua conta