Eu tenho um problema com uma fonte específica e a maneira como ela é renderizada no Chrome.

O Firefox mostra a fonte corretamente devido ao uso do ttf.

O Chrome não usa antialias e a fonte é muito "nítida" e feia.

Esta é a declaração css que usei

@font-face {
    font-family: 'HelveticaNeueLT Std Thin';
    src: url(../fonts/h2.eot);
    src: url(../fonts/h2.svg#test) format('svg'),
         url(../fonts/h2.woff) format('woff'),
         url(../fonts/h2.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

Cheguei à conclusão de que o problema é com a declaração svg / arquivo de fonte. Se eu não usar a tag hash e deixá-la apenas como .svg, ela renderiza suavemente, mas em uma altura de linha diferente, com um posicionamento um pouco fora. Se eu adicionar .svg # nada, ele não antialias em tudo e parece feio.

Todas as sugestões são bem-vindas para me ajudar a corrigir esse problema irritante.

PS: Windows antialiasing está OK, eu testei isso. Eu também tentei o@media screen and (-webkit-min-device-pixel-ratio:0) declaração apenas para a fonte svg, sem sucesso. Eu percebo que isso pode ser uma repostagem, mas tendo tentado todas as soluções das questões relacionadas, estou um pouco desesperado.