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;

google-chrome fonts James
fonte
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.
harrymc
fonte
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
2
A solução parou de funcionar porque o suporte à folha de estilo do usuário (Custom.css) foi removido do Chrome .
Brian Nixon
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!
Feyisayo Sonubi
fonte