У меня проблема с конкретным шрифтом и способом его отображения в Chrome.
Firefox показывает шрифт должным образом из-за использования ttf.
Chrome не использует антиалиасы, а шрифт слишком "острый" и уродливый.
Это объявление 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 # что-нибудь, он вообще не сглаживает его и выглядит уродливым.
Любые предложения могут помочь мне исправить эту довольно неприятную проблему.
PS: Сглаживание Windows в порядке, я проверил это. Я также опробовал декларацию @media screen and (-webkit-min-device-pixel-ratio:0)
только для шрифта svg, без успеха.
Я понимаю, что это может быть repost, но, попробовав все решения из связанных вопросов, я немного отчаянно.