Melhorando a apar�ncia das fontes no Chrome com font-face

A renderiza��o de fontes no navegador do Google � algo digno de pena, mesmo quando as fontes utilizadas s�o do servi�o do mesmo, o Google Webfonts. Uma solu��o r�pida para isso � usar Font-face, que � um recurso de CSS para incluir qualquer fonte no seu site.

Mas para que a apar�ncia da fonte fique perfeita, � necess�rio carregar o arquivo .svg antes dos demais na sua folha de estilo:

@font-face {
font-family: 'chunk-webfont';
src: url('fonts/chunk-webfont.eot');
src: url('fonts/chunk-webfont.eot?#iefix') format('eot'),
url('fonts/chunk-webfont.svg') format('svg'),
url('fonts/chunk-webfont.woff') format('woff'),
url('fonts/chunk-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Para achar os arquivos da fonte que voc� usa, procure por “sua fonte” webfont. Ou ent�o procure no Font Squirrel.

Dica vinda do AdTrak