Como posso melhorar a aparência da fonte no google chrome?

Verificar definições ClearType - a imagem de ecrã do Chrome parece estar a ser forçada a não ser tendenciosa. Isso vai matar praticamente qualquer fonte da web, uma vez que não têm dicas monocromáticas (por razões de tamanho, entre outras coisas). Eu costumava ver isto relatado como “IE torna o texto melhor”, porque ignora as suas definições de ClearType a nível de SO e liga-o por defeito.

Todas essas respostas estão erradas! Este é um grande bug no Google Chrome, por favor veja aqui o relatório/thread oficial do bug, incluindo muitas capturas de ecrã: Relatório oficial de erro no Código Chrome

Actualmente a melhor solução é simplesmente dar ao seu elemento/cabeça esta simples regra:

-webkit-text-stroke: 1px

Adição do Dr. John: Encontrei uma sugestão de que html { -webkit-text-stroke: 0.25px} também funcionaria - encontrei-a https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

Chrome está a ler a sua definição ClearType que no Windows XP está desligada por defeito.

1. Para corrigir o problema, primeiro feche o navegador Chrome.

2. Agora clique com o botão direito do rato em qualquer lugar da área de trabalho e seleccione ‘Propriedades’ a partir do menu pendente.

3. Clique no separador ‘Aparência’ encontrado no topo da nova janela.

4. E clicar no botão ‘Efeitos’.

5. A segunda opção para baixo deve ler-se, “Use o seguinte método para suavizar as bordas das fontes do ecrã”.

6. Seleccionar a opção “ClearType”.

7. Clique em Apply & Re-open o seu navegador Chrome.

A partir de agora, o Chrome irá tornar as suas fontes bem anti-aliased para esse efeito suave.

Colocar o ficheiro SVG mais alto na regra css do tipo de letra, ou 1º ou 2º 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;
}

Em vez 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 desta correcção podem ser vistos aqui: Exemplos FontSpring Exemplos Adtrak

Tem o GPU Acceleration activado no Google Chrome? Digite about:flags e procure GPU Accelerated Canvas 2D, Desactive-o se estiver activado. As fontes em alguns sites aparecem realmente recortadas quando navego com a aceleração activada.

Dentro do Google Chrome clicar na chave inglesa > Opções > Sob o capot > [ao lado de Conteúdo Web] clicar em Personalizar Fontes.

Altere as suas definições para que a sua página seja igual à minha

Depois clique no x, e veja se o seu problema está resolvido.

Se isto não resolver o problema, pode haver mais uma coisa… mas vou esperar até que tente isto.

O cromado toma o valor clearType do sistema para as fontes. O melhor aspecto no Windows 7 explica isso. Num Mac, o Anti-aliasing está activado para todas as fontes acima do tamanho 8, suponho eu. Tente ligar ou alterar o clearType da sua máquina Windows

Atualizar : Parece que o Chrome 22 e superior ignoram as Configurações do Sistema para clearType

Tive exactamente o mesmo número, renderizando webfonts de http://www.google.com/webfonts em Cromo. Experimentei todas as sugestões sobre este e alguns outros sites e nenhum deles funcionou.

Eventualmente comecei a inspeccionar as propriedades CSS do texto afectado, e acabei pela cor real da fonte que estava a causar o problema. Um título dado color:#454545 tornaria mau, no entanto o mesmo título dado o seguinte: color:#333 funcionou bem. Graças a Deus pelas folhas de estilo específicas do agente do utilizador!

O cromado não torna bem as fontes da web neste momento. Existem vários bugs no seu rastreador de edições para isto. Por favor, estremeça qualquer coisa relevante para si para lhes dar mais atenção.

No Windows XP, acabei de mudar a opção anti-alias de “Default” para “Clear Type” em Mostrar → Properties → Appearance → VisualEffects.

Para mim não era a configuração ClearType no Windows 10.1 x64, mas acabou por ser uma configuração no meu navegador Chrome chamado DirectWrite.

1. na sua barra de endereços em tipo Chrome: chrome://flags/#directwrite
2. E, no título desta configuração, DirectWrite, o título diz Disable DirectWrite e certifique-se de que o botão debaixo dele mostra a palavra: Enable

Que me fixou a questão.

Tive este problema tão severamente no Windows XP SP3 que tornou o Cromo inutilizável para todos os fins e propósitos. Reparei que tinha instalado Clear Type Tuning no Painel de Controlo e tentei desmarcar “Enable Font Smoothing” no separador avançado. Depois de reiniciar o Chrome. estava tudo bem, mesmo depois de ligar novamente o Alisamento de Tipos de Letra. Decidi marcar a caixa “Aplicar todas as definições às predefinições para novos utilizadores e sistema”.

Ir para chrome://flags/ (ou about:flags) e Disable a opção Override software rendering list**.

A tela 2D acelerada também deve ser desactivada.

Essa combinação ajudou-me.

prima a tecla windows + r depois digite cttune.exe aí

o método alternativo é premir a tecla windows, depois digite cleartype e depois seleccione Adjust ClearType Text

e siga as instruções, se ainda tiver problemas tente alguns dos outros exemplos

isto funcionou para mim, tem de tentar os diferentes exemplos, é muito parecido com a calibração de contraste/brilho, mas para texto em vez disso

FYI: desactivar a aceleração 2d pode ajudar a fazer com que o cromado brinque com a ferramenta de afinação do tipo cleartype

Parece que a resposta longa e difícil é que não se pode. Há muitas discussões e sugestões em Chrome help , mas não vejo nada que valha a pena sugerir.

A grande questão é como é que está a conseguir que pareça tão mau?! Estou a usar o Chrome para escrever nesta caixa… Até fiz zoom num grupo inteiro e não vejo nada como você é. Se ainda tiver perguntas depois disto, deve explicar a sua configuração à comunidade.

Embora o Cromo seja “utilizável” para as fontes, parece fino e lavado onde torna especialmente as linhas diagonais. O IE rasga muito melhor, mas o IE é um navegador mais lento e por isso é FireFox.

Creio que isto é inerente ao código para o cromo.

BTW, HackToHell, onde vou para mudar a cor da renderização?

Vou tentar isto.

Se quiser que as fontes da web sejam legíveis enquanto ainda tem a fonte suavizada/desactivada, então a solução é desactivar as fontes da web no Google Chrome. Nesse caso, o navegador utilizará fontes padrão de SO que são reproduzidas correctamente quando o cleartype/smoothing está desactivado. Para o fazer, passe a bandeira /disable-remote-fonts para chrome.exe. Clique em Rigt no atalho Google Chrome no Ambiente de trabalho, seleccione Propriedades, vá ao separador Shortcut e defina Target to:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

Pode haver um problema com as fontes da web a serem desactivadas. Se o website estiver a utilizar ícones de fontes da web, então não serão exibidas.

A edição correspondente em Chromium tracker:

“System-wide ClearType setting not respected for web fonts https://code.google.com/p/chromium/issues/detail?id=319429

Ir para cromado:// bandeiras/ e definir “LCD text antialiasing” para activar. Reinicie o navegador.