@ font-face svg не работает должным образом в Chrome?

У меня проблема с определенным шрифтом и тем, как онS отображается в Chrome.

Firefox правильно показывает шрифт благодаря использованию ttf.

Хром нене используйте сглаживание, и шрифт слишкомдиез» и некрасиво.

Это объявление CSS, которое я использовал

@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;
}

Я пришел к выводу, что проблема в файле svg декларации / шрифта. Если я невообще не используйте хеш-тег и оставляйте его как только .svg, он рендерит сглаживание, но с другой высотой строки, со слегка смещенным позиционированием. Если я добавлю .svg # что-нибудь, это неt antialias это вообще и выглядит некрасиво.

Любые предложения могут помочь мне решить эту довольно раздражающую проблему.

PS: сглаживание Windows в порядке, я проверял это. Я также опробовал@media screen and (-webkit-min-device-pixel-ratio:0) объявление только для шрифта svg, но безуспешно. Я понимаю, что это может быть репост, но, попробовав все решения связанных вопросов, яЯ немного отчаялся.

Ответы на вопрос(5)

Ваш ответ на вопрос