Por que a Helvetica Neue não está renderizando corretamente?


13

Instalei algumas novas variações do Helvetica no outro dia e, desde então, o Helvetica Neue não está mais renderizando como deveria (no Chrome ou Firefox).

Tentei excluir todas as fontes Helvetica e instalá-las novamente, mas elas ainda não estão sendo renderizadas corretamente.

Isto é o que parece:

insira a descrição da imagem aqui

Algumas letras parecem ser mais altas que outras?

A fonte deve ser: normal 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;


1
Qual é o sistema operacional?
— and31415

@ and31415 Acho que é um problema comum no Windows e no Mac.
— Omar

Respostas:


11

Suponho que você esteja executando o Windows, pois os usuários de Mac não precisam instalar o Helvetica Neue.

Essa fonte normalmente não existe no Windows e é substituída por Arial. A instalação de qualquer sabor do Helvetica é um pouco complicada, pois é comumente usada em folhas de estilo CSS; portanto, pode ser acessada pelo navegador, mesmo nos casos em que o Arial é melhor, para atrapalhar a renderização da fonte no navegador.

Existem várias implementações / sabores da fonte Helvetica Neue. Alguns são excelentes em tamanhos de fonte grandes, mas apresentam resultados ruins em tamanhos normais. Ouvi dizer que este dá bons resultados, mas não o usei pessoalmente.

O Chrome permite que você forneça suas próprias alterações de CSS personalizadas que substituem o CSS do site. Para encontrar o arquivo CSS personalizado, feche o Chrome e vá para a pasta:

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

e abra o arquivo Custom.cssno seu editor de texto favorito.

Para usar Arial em vez de Helvetica, cole as seguintes linhas:

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

Você também pode usar a extensão Chrome Alterar estilo da família de fontes para forçar o uso de Arial em vez de Helvetica.

EDITAR

Observou-se que o suporte à folha de estilo do usuário (Custom.css) foi removido do Chrome desde novembro de 2013 , o que explica por que a solução usual não funciona mais.

Suas opções restantes, como eu as vejo, são:

  1. Use a extensão Alterar estilo da família de fontes.
  2. Exclua totalmente o Helvetica do Windows para forçar o Chrome a usar o Arial
  3. Mude para outro navegador.

Para excluir completamente o Helvetica, faça o seguinte:

  1. Vá para Iniciar> Painel de Controle> Fontes, selecione as fontes e, no menu Arquivo, clique em Excluir ( fonte ).
  2. Exclua o arquivo de cache das fontes C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATe reinicie.
  3. Somente se necessário, procure "helvetica" no registro e exclua (com muito cuidado) e, em seguida, reinicie.

Obrigdo por sua contribuição. Motivo da recompensa " As respostas atuais estão desatualizadas e requerem revisão devido a alterações recentes ". Na verdade, eu estava usando a solução que você forneceu, mas após a atualização mais recente do Chrome, eles pararam de funcionar.
— Omar

1
Você tentou desinstalar o Helvetica e deixar o Chrome de volta ao Arial? Você também pode tentar a extensão.
— harrymc

Eu restaurei fontes padrão, mas não tenho dados. Eu prefiro não usar extensões.
— Omar

Mesmo se você excluiu as fontes, elas ainda podem existir no cache de fontes. Para esvaziá-lo, exclua o arquivo C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATe reinicie.
— harrymc


1

Então, eu tive esse problema hoje e tropecei em responder a uma pergunta semelhante sobre o quora. Isso corrigiu para mim mais rápido:

  1. Instale a extensão Forçar fontes personalizadas
  2. Vá para as configurações de extensão no chrome: // extensions
  3. Ao lado do menu Substituir fontes, clique no ícone + para adicionar uma fonte substituta.
  4. Selecione Helvetica Neue usando o menu suspenso na primeira caixa e Arial no segundo menu suspenso ao lado.
  5. Salve suas preferências, atualize todas as páginas que tiveram o problema, lucre!
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.