.
À esquerda, o firefox 4, à direita, o chrome 12. Existe uma maneira de tornar o chrome renderizar fontes mais bonitas?
A imagem acima foi tirada no Windows XP. Abaixo está outro exemplo do windows 7.
.
À esquerda, o firefox 4, à direita, o chrome 12. Existe uma maneira de tornar o chrome renderizar fontes mais bonitas?
A imagem acima foi tirada no Windows XP. Abaixo está outro exemplo do windows 7.
Respostas:
Verifique as configurações do ClearType - a captura de tela do Chrome parece estar sendo forçada a renderizar sem serrilhado. Isso matará praticamente qualquer fonte da Web, pois elas não têm dicas monocromáticas (por razões de tamanho, entre outras coisas). Eu costumava ver isso relatado como "O IE renderiza melhor o texto", porque ignora as configurações do ClearType no nível do sistema operacional e o ativa por padrão.
Todas essas respostas estão erradas! Este é um erro grave no Google Chrome. Consulte o tópico / relatório oficial de falhas, incluindo muitas capturas de tela aqui: Relatório oficial de falhas no Código Chrome
Atualmente, a melhor solução alternativa é simplesmente fornecer ao seu elemento / título esta regra simples:
-webkit-text-stroke: 1px
Adição do Dr. John: Encontrei uma sugestão que html { -webkit-text-stroke: 0.25px}
também funcionaria - encontrei aqui
https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
-webkit-text-stroke
no addon Stylish. Agora, o Chrome me dá um pouco mais de prazer.
O Chrome está lendo sua configuração ClearType, que no Windows XP está desativada por padrão.
Para corrigir o problema, primeiro feche o navegador Chrome.
Agora clique com o botão direito do mouse em qualquer lugar da área de trabalho e selecione 'Propriedades' no menu suspenso.
Clique na guia 'Aparência' encontrada na parte superior da nova janela.
E clique no botão 'Efeitos'.
A segunda opção abaixo deve ler: "Use o método a seguir para suavizar as bordas das fontes da tela".
Selecione a opção "ClearType".
Clique em Aplicar e reabra o navegador Chrome.
A partir de agora, o Chrome processará suas fontes com suavização de serrilhado para obter um efeito suave.
Coloque o arquivo SVG mais alto na regra css da face da fonte, primeiro ou segundo, por exemplo:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Ao invés de:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Exemplos dessa correção podem ser vistos aqui:
Você tem a aceleração de GPU ativada no Google Chrome? Digite about:flags
e procure a GPU Accelerated Canvas 2D
. Desative-a se estiver ativada. As fontes em alguns sites parecem realmente irregulares quando eu navegava com a aceleração ativada.
No Google Chrome, clique em Chave inglesa> Opções> Sob o capô> [ao lado de Conteúdo da Web], clique em Personalizar fontes.
Altere suas configurações para que sua página se pareça com a minha
Em seguida, clique no x e veja se seu problema foi corrigido.
Se isso não corrigir, pode haver mais uma coisa ... mas vou esperar até você tentar isso.
O Chrome não processa bem as fontes da Web no momento. Existem vários erros no rastreador de problemas para isso. Atribua uma estrela relevante a você para dar mais atenção.
Eu tive exatamente o mesmo problema, processando fontes da web em http://www.google.com/webfonts no Chrome. Tentei todas as sugestões sobre isso e alguns outros sites, e nenhum deles funcionou.
Eventualmente, comecei a inspecionar as propriedades CSS do texto afetado, que resultou na cor da fonte real que estava causando o problema. Um título dado color:#454545
renderia mal, mas o mesmo título, dado o seguinte: color:#333
funcionou bem. Graças a Deus pelas folhas de estilo específicas do agente do usuário!
O Chrome utiliza o valor clearType do sistema para fontes. A aparência melhor no Windows 7 explica isso. Em um Mac, o Anti-aliasing está ativado para todas as fontes acima do tamanho 8, suponho. Tente ativar ou alterar o clearType da sua máquina Windows
Atualização : parece que o Chrome 22 e superior ignoram as configurações do sistema paraclearType
Eu tive esse problema tão severamente no Windows XP SP3 que tornou o Chrome inutilizável para todos os efeitos. Percebi que havia instalado o Clear Type Tuning no Painel de controle e tentei desmarcar "Ativar fonte suavizada" na guia avançada. Depois de reiniciar o Chrome. estava tudo bem, mesmo depois de ativar a suavização de fonte novamente. Decidi marcar a caixa "Aplicar todas as configurações aos padrões para novos usuários e sistema".
Para mim, não era a configuração ClearType no Windows 10.1 x64, mas acabou sendo uma configuração no meu navegador Chrome chamada DirectWrite.
chrome://flags/#directwrite
Isso resolveu o problema para mim.
Parece que a resposta longa e difícil é que você não pode. Existem muitas discussões e sugestões na ajuda do Chrome , mas não vejo nada que valha a pena sugerir.
A grande questão é como você está ficando tão ruim ?! Estou usando o Chrome para digitar nesta caixa ... Eu até ampliei um monte e não vejo nada como você. Se você ainda tiver dúvidas depois disso, explique sua configuração à comunidade.
Embora o Chrome seja "utilizável" para as fontes, ele parece fino e desbotado, onde renderiza linhas diagonais especialmente. O IE é muito melhor, mas o IE é um navegador mais lento e, portanto, o FireFox.
Eu acredito que isso é inerente ao código do chrome.
BTW, HackToHell, onde devo mudar a cor da renderização?
Eu vou tentar isso.
pressione a tecla windows + r e digite cttune.exe lá
O método alternativo é pressionar a tecla Windows, digite cleartype e selecione Adjust ClearType Text
e siga as instruções, se você ainda tiver problemas, tente alguns dos outros exemplos
isso funcionou para mim, você deve tentar os diferentes exemplos, é muito parecido com a calibração de contraste / brilho, mas para o texto
FYI: desabilitar a aceleração 2D pode ajudar o Chrome a jogar com a ferramenta de ajuste do Windows ClearType
Se você deseja que as fontes da web sejam legíveis enquanto o tipo de suavização / limpeza de fonte ainda está desativado, a solução é desativar as fontes da web no Google Chrome. Nesse caso, o navegador usará as fontes padrão do SO, renderizadas corretamente quando o tipo claro / suavização estiver desativado. Para fazer isso, passe a /disable-remote-fonts
sinalização para chrome.exe. Clique com o botão direito do mouse no atalho do Google Chrome na área de trabalho, selecione Propriedades, vá para a guia Atalho e defina Destino como:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Pode haver um problema com as fontes da Web sendo desativadas. Se o site estiver usando ícones de fontes da Web, eles não serão exibidos.
O problema correspondente no rastreador Chromium:
"Configuração ClearType em todo o sistema não respeitada para fontes da Web" https://code.google.com/p/chromium/issues/detail?id=319429
Vá para chrome://flags/
(ou about:flags
) e Desative a opção Substituir lista de renderização de software .
A tela 2D acelerada também deve ser desativada.
Essa combinação me ajudou.