out 252014
 

Muito bem, usamos o Chrome pelo seu excelente console para testes Javascript (acho mais fácil que o do FireBug).

Porém, de uns tempos para cá o Chrome, no Windows 7, para quem fontes da família Helvética instalada, não renderiza corretamente as páginas, exibindo aqueles caracteres estranhosos.

A solução oferecida: desinstalar as fontes, porém, elas são usadas por outras aplicações e, convenhamos, ter que desinstalar fontes por conta de falha do aplicativo? Melhor seria a Google corrigir logo. Enquanto não faz, as dicas:

Tem o problema quem: Tem fontes Helvética Instaladas (neue, sanskrit, a original…), usa Windows 7, tem o Chrome atualizado (parece que foi uma atualização em meados de Julho/2014 que causou a falha) e tenta acessar sites que usam a fonte Helvética (ou família) como padrão. O Chrome simplesmente não renderiza corretamente, independente da configuração de codificação (UTF-8 etc.).

Páginas como Facebook, Pinterest e até do próprio Google, que usam a fonte Helvética aparecem assim:

Pinterest

Pinterest

Facebook

Facebook

O Próprio Google...

O Próprio Google…

 

Para solucionar, instale o complemento StyleBot no Chrome (link para: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha).

chrome4

 

Em seguida cole no aplicativo o arquivo CSS abaixo:

@font-face {
font-family: Helvetica;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue";
src: local('Arial');
}
@font-face {
font-family: 'Helvetica Neue Custom';
src: local('Arial');
}
@font-face {
font-family: Helvetica;
font-weight: bold;
font-weight: 700;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue";
font-weight: bold;
font-weight: 700;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue Custom";
font-weight: bold;
font-weight: 700;
src: local('Arial');
}

Pronto, o Chrome agora, através do complemento, substituirá a família Helvética pela Arial e tudo volta ao normal.

 

A dica foi vista no vídeo do canal Ch-Ch-Check It, e pode ser conferido abaixo, se gostou não deixe de dar o “like” no vídeo do colega (em inglês):

 

 

É isso, até a próxima!

  21 Responses to “Google Chrome exibindo caracteres incorretos – problemas nas fontes Helvética”

  1. Fiz a besteira de excluir a fonte helvetica regular do meu computador e agora diversas paginas ficam com caracteres em japones, chines, sei lá! Alguem sabe como desfaço isso? Por favor

  2. Infelizmente comigo não funcionou 🙁 fiz até uma limpeza no meu histórico e nada.. não queria deleta-lá preciso dela 🙁 será pq é windows 10?

  3. Funciona!! Instalei e imediatamente resolveu o meu problema.

  4. Valeu!

    Ajudou-me a resolver o meu problema de tempos.

  5. Em qual aplicativo colar o CSS?????? não entendi essa parte. Preciso de um passo a passo por favor….

    • Amigo, clica no menu do chrome, são aqueles três risquinhos perto do X de fechar o programa. Agora vá em MAIS FERRAMENTAS, depois em EXTENSÕES.
      Selecione a extensão STYLEBOT e clique em OPÇÕES.
      Feito isso, clica em STYLES e depois em EDIT GLOBAL STYLESHEET.
      Copie o que está postado ai em cima e cole no campo que se abriu.
      Depois é só salvar e a mágica está feita.

  6. òtima explicação cara, mas não tenho idéia de como acessar arquivo CSS…. não entendi como copiar e colar esta arquivo no CSS… onde acho o CSS? passoa passo por favor para um leigo… Obrigado

  7. Puxa vida! Até que enfim alguém para explicar o problema e dar a solução. Obrigado mesmo, Daniel!!!

  8. Finalmente deu certo.
    Já tinha reinstalado o Chrome várias vezes e o erro nunca era corrigido.
    Muito obrigado!

  9. Muito obrigada.
    Mesmo desinstalando a fonte não consegui resolver, somente o código resolveu.

  10. Obrigada! Funcionou perfeitamente!
    Estava com esse problema a um bom tempo, intalei complementos e nada! Só isso funcionou!
    vlww messsmo

    Suce$$o pra vc!!!

  11. Muito obrigado,
    Para mim funcionou! Windows 7
    Sou usuário firefox, mas como preciso de algumas funcionalidades do Google’s Browser passei muita raiva até achar seu post. Cheguei a excluir várias Helveticas do meu pc…

    Enfim, muito grato, dei like no vídeo.

    =]

  12. Muito, muito obrigado por sua ajuda!

  13. PORQUE EU INSTALARIA UM SPYBOT NO MEU CHROME PARA ACESSAR JUSTAMENTE PÁGINAS IMPORTANTES, COM SENHAS, DADOS PESSOAIS, ETC???? TEM DE SER DE TROUXA PARA BAIXO PARA EU MESMO INSTALAR UM PROGRAMA QUE AUTORIZA QUALQUER ESTÚPIDO DO OUTRO LADO DO MUNDO A TER ACESSO A MEUS DADOS… E O PIOR É QUE ESTÁ TODO MUNDO PASSANDO ISSO COMO DICA… COM CERTEZA O MELHOR É DESINSTALAR AS FONTES E ENTERRÁ-LAS DE VEZ DO MUNDO DOS VIVOS… SE A FONTE TEM PROBLEMAS PARA QUÊ USÁ-LA SE TEM TONELADAS DE FONTES DISPONÍVEIS PARA ESSE FIM. SE TODOS FIZEREM ISSO, COM CERTEZA ALGUÉM VAI ATRÁS DE RESOLVER O PROBLEMA DA FONTE. MELHOR É APOSENTAR A FONTE QUE NÃO PRESTA PRA NADA E DEIXAR OUTRA FONTE TOMAR O LUGAR. ….E TENHO DITO….

    • Olá meu caro.
      Em verdade o aplicativo sugerido está a anos de luz de ser um “SPYBOT”, talvez a confusão venha do nome do acessório: “StyleBot” – Ou Robô de estilo – no qual nenhum dado é enviado, funciona apenas localmente, substituindo o CSS das páginas acessadas via Javascript.
      Jamais recomendaria ou utilizaria qualquer aplicativo inseguro.
      Em tempo: a falha é do navegador Chrome e não das fontes.
      Compreendo o medo, mas normalmente ele desaparece com o conhecimento.
      Agradeço o comentário.

  14. PQP ALELUIAAAAAAAAAA!

    Acabei de fazer e por agora, tá dando certo. Foi a única forma! Nem com vela de 7 dias tava resolvendo isso… espero que dure! Valeu!

  15. Deu certoooo \o/
    Pensei que teria que conviver pelo resto da vida com esses caracteres malucos no meu pc… ja tinha tentado de tudo!
    Ótima dica!!

  16. A unica forma que realmente funcionou para mim!! \o/
    Depois de instalar e reinstalar o Chrome e fontes (que me são essenciais), finalmente fiquei livre dos caracteres estranhos! Obg!

  17. Deu certo. Foi a única forma que consegui resolver meu problema com facebook. e olha que tentei todas as “fórmulas mágicas” que encontrei. Sem contar que foi o único lugar onde vi alguém explicando a origem do problema. Obrigado, pessoal.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)