Webfonts — разбираемся с антиалиасингом под Windows (UPD)

[Pierre_b]

По-моему я уже это встречал в предыдущих постах («Как настроить @font-face?» — habrahabr.ru/qa/22377/), но ваше описание явно лучше!

[KEKSOV]

Удивительно, как может прятаться полезная информация! Прежде, чем написать свою статью, я «обыскал» хабр через его собственный поиск и через гугл, но эту статью я так и не нашел. Спасибо!

[GetWindowsDirectory]

Спасибо вам большое! Давно с этой проблемой живу, т.к. лень :)

[KEKSOV]

Точно-точно, пока самого к стенке вилами не приперло, тоже мирился :)

[FenixArt]

Самое обидное что с таким отображением шрифтов не борится сам гугл, такая беду с кастомными шрифтами я наблюдаю в Хроме наверное уже минимум год, возможно чуть меньше. Но точно давно.
Конечно можно обвинить разработчиков сайтов в их не достаточном упорстве в поиске решений, но все же браузер должен нормально уметь рендерить текст, все же это его основная задача.
И я решительно не понимаю почему этот вопрос для гугловцев(идеальное представление контента) не так важен :(

[XHunter]

Вот бы еще найти способ что бы хром шрифты с гугл фонтс нормально рендерил…
Вверху лиса, внизу хром, шрифт open sans:

[LeeMiller]

Посмотрите в сторону правильного указания font-weight

[KEKSOV]

Попробуйте решение, которое я привел в апдейте к посту. И, если не сложно, напишите пожалуйста сюда о результатах.

[XHunter]

К сожалению, никаких изменений не увидел (нижний естественно хром):
i.imgur.com/sEosyPZ.png

Я так думаю что фикса и не существует, шрифт так же отображается и на самом гугл фонтс:
www.google.com/webfonts/specimen/Open+Sans
Вообще забавно, браузер от гугла криво рендерит шрифты от того же гугла…

[KEKSOV]

Что интересно, на 24 размере и меньше, сглаживание есть, потом пропадает и снова появляется на 60… бред какой-то.

Картинка 1

Причем, последний рецепт, на мой взгляд, делает все с точностью наоборот

Картинка 2

Нипанятна…

[rmaksim]

разница очень даже заметна и без увеличения картинки
если увеличить то вот что видим

не всегда antialiased выглядит лучше чем subpixel-antialiased (как в случае на картинке)
некоторые буквы совсем уж «рваные» получаются (

[ComodoHacker]

В последнем Forefox под Ubuntu шрифты сглаживаются отлично.
Просто для информации.

[Mithgol]

Прочтите «Сглаживание веб-шрифта при помощи CSS3», это как раз для Google Chrome рецепт.

[AYShestakov]

это не всегда помогает, к сожалению, да и муар вокруг шрифта на больших размерах иногда недопустим с точки зрения дизайнера.

[Tomasina]

справа фрагмент с оригинальным css (сглаживания нет), слева после внесения исправлений:

зачем так вывернуто? Везде принято, что слева — до, справа — после.

[GreyCat]

А можно я попридираюсь и спрошу, что такое загадочное «ASCII-8»? Стандарт вообще-то как раз семибитный и использование 8 бита — различное для разных codepages.

[KEKSOV]

Точно! Исправил.

[GreatRash]

Еще для Хрома есть вот такое правило: -webkit-font-smoothing: antialiased;

[KEKSOV]

Эта штука какое-то время назад перестала работать Однако, в обсуждении этого бага ровно десять дней назад какой-то добрый человек разместил решение, которое у меня только что заработало!!! Сейчас обновлю статью…

Спасибо, что дали повод, который помог найти еще одно решение!

[faiwer]

Хочу обратить внимание, что есть (если не исправили) ещё 1 существенная проблема со шрифтами — в Opera. Дело в том, что в chrome, к примеру, достаточно подключить 1 файл шрифта с обычным начертанием, а для оперы уже потребуется целых 4 (italic, bold, bold-italic), в противном случае, вместо кириллических букв будет пустые пробелы. Подключение всех начертаний может увеличить размер страницы вдвое, а то и втрое. С точки зрения Opera, в этом нет никакой проблемы (кто бы сомневался)… В то время как chrome и firefox хорошо справлялся с этой задачей и под linux, и под windows.

P.S. возможно сия проблема уже решена или была мною не правильно понята.

[HotWaterMusic]

За update вам отдельное спасибо, полезный рецепт!

[vabue]

К сожалению, в RDP сеансе всё равно не сглаживается. Даже с последним апдейтом.

Не можем побороть, уже руки опускаются.

[KEKSOV]

Да, я это тоже заметил. Думаю, что причина все-таки в RDP клиенте, а не в браузере. Если не секрет, что у Вас задача, которая поставила такие условия?

[vabue]

Просто большинство работников компании работают в RDP сеансах.