Как заставить Chrome правильно рендерить иконки (и шрифты)

Question

[KEKSOV]

Последнее время, на многих ресурсах стали использоваться кастомные шрифты для иконок и просто для красоты. Однако, в Chrome это отображается, мягко говоря, криво (см. пример). Собственно, вопрос простой — можно ли заставить Crome (Версия 24.0.1312.52 m) отображать это как надо. Если это можно сделать, то только настройками у клиента или же каким-то образом через CSS?

UPD Сам спросил — сам ответил. Надо пользоваться SVG шрифтами, описание техники тут.
UPD2 Найдено другое, более правильное решение

Answer 1

[Павел Рыбин]

Попробуйте -webkit-font-smoothing.

Comments

[KEKSOV]

Сама по себе эта директива не срабатывает, нашел другое решение habrahabr.ru/post/166291#UPD

Answer 2

[Softlink]

C хромом беда, да. Попробуйте вариант отсюда habrahabr.ru/post/122269/. Если не поможет, то ищите другие иконочные шрифты, которые рендерятся лучше.

Comments

[Softlink]

Еще тут посмотрите developer.mozilla.org/en-US/docs/CSS/text-rendering

Answer 3

[Виктор Виктор]

Сглаживание шрифта можно немного улучшить с помощью css:

text-shadow: 0px 0px 1px #aaa;