Как предотвратить сглаживание растрового шрифта в IE и FF - PullRequest
0 голосов
/ 06 января 2012

У меня есть базовый растровый шрифт для иконок.

В Chrome он четкий, но сглаживание шрифтов в IE и FF делает иконки размытыми.

Есть предложения по устранению проблемы?

Снимок экрана: http://imgur.com/TX79g

Шрифт был создан с http://fontstruct.com

@ font-face был сгенерирован с помощью http://www.fontsquirrel.com/fontface/generator с использованием оптимальной настройки. Также пытался эксперт удалить подсказку шрифта с тем же результатом.

Спасибо.

1 Ответ

0 голосов
/ 06 января 2012

Это связано с рендерингом текста в разных браузерах и операционных системах. Я считаю, что по умолчанию для веб-браузеров (Safari и Chrome) установлено значение subpixel-antialiased. Вы можете попробовать поиграть со свойством font-smooth css, хотя я не уверен, насколько широко оно поддерживается. У Typekit есть куча статей о рендеринге текста, на которые вы, возможно, захотите взглянуть, но если вы ищете чрезвычайно непротиворечивый взгляд в нескольких браузерах, ваш лучший вариант - это спрайт изображений.

...