Por que a renderização do Helvetica Neue não está correta?

13

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

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

Isto é o que parece:

Algumasletrasparecemmaisaltasdoqueoutras?

Afontedeveser:normal14px/1.4"Helvetica Neue", "HelveticaNeue", Helvética, Arial, sem serifas;

    
por James 21.02.2014 / 15:47

2 respostas

11

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

Esta fonte normalmente não existe no Windows e é substituída pela Arial. Instalar qualquer sabor de Helvetica é um pouco complicado, pois é bastante comumente usado em folhas de estilo CSS, assim pode ser escolhido pelo navegador, mesmo nos casos em que Arial é melhor para bagunçar a renderização de fontes no navegador.

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

O Chrome permite que você forneça suas próprias alterações de CSS personalizadas que substituem o CSS do website. 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.css em 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 do Chrome Alterar o estilo da família de fontes forçar o uso de Arial em vez de Helvetica.

EDITAR

Foi observado que O suporte à folha de estilos do usuário (Custom.css) foi removido do Chrome desde Novembro de 2013 , o que explica por que a solução usual não trabalhe mais.

Suas opções restantes, conforme 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. Altere para outro navegador.

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

  1. Vá para Iniciar > Painel de controle > Fontes, selecione as fontes e, em seguida, no menu Arquivo, clique em Excluir ( source ).
  2. Exclua o arquivo de cache de fontes C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DAT e reinicialize.
  3. Apenas se necessário, pesquise no registro por "helvetica" e exclua (com muito cuidado) e, em seguida, reinicialize.
por 25.02.2014 / 11:19
1

Então eu tive esse problema hoje e tropecei em resposta a uma pergunta semelhante no quora. Isso consertou isso para mim mais rápido:

  1. Instale a extensão Forçar fontes personalizadas
  2. Acesse as configurações de extensão em chrome: // extensions
  3. Ao lado do menu "Substituir fontes", clique no ícone + para adicionar uma fonte substituta.
  4. Selecione Helvetica Neue usando a lista suspensa na primeira caixa e Arial na segunda lista suspensa ao lado dele.
  5. Salve suas preferências, atualize todas as páginas que tiveram o problema, lucre!
por 28.03.2015 / 00:31