css сглаживание шрифтов

Ответ от Александр Ермилов[гуру]
не так-то все и просто, на самом деле) )
практически невозможно добиться абсолютно идентичного результата в фотошопе и на веб-странице.
причина - различные механизмы рендеринга. шрифт же векторный элемент.
в фотошопе "резкое", "четкое", "насыщенное", "плавное" — это как раз механизмы сглаживания, которые в браузере практически не регулируются.
почему "практически"? в CSS3 есть font-smooth (не поддерживается) . - поддерживается Gecko (FF и др. ) и Webkit (Chrome, Safari), но значения этого свойства не соответствуют фотошоповским.
в остальном браузеры используют системное сглаживание (зависит от операционной системы) , поэтому шрифты в Windows, Mac и Linux всегда будут выглядеть немного по-разному (в Linux строка на несколько процентов длиннее — об этом стоит помнить) , а некоторые браузеры, например IE8, еще и навешивают свое собственное сглаживание "поверх" системного. (сравните текст в IE8 и других браузерах на одной странице) .
"сгладить" шрифты можно с помощью ссылка — обычно берется промежуточный между цветом текста и фона цвет для тени (или цвет текста) и небольшое размытие без сдвига. — это сейчас единственный способ, близкий по результату к фотошоповскому сглаживанию (настройки надо подбирать "руками" на глаз) . для поддержки в "старых" IE можно использовать PIE — css3pie .com (пробел убрать)
font-weight — самое кроссбраузерное свойство из перечисленных, но оно относится не к этим значениям в фотошоп, а к другому "селекту" — Regular (в CSS: normal, или 400), Bold (CSS: bold, или 700 ), Semibold (600).
за italic отвечает другое свойство CSS:
как правило, стоит вообще отключить сглаживание в фотошопе ("не показывать"), но для заказчика всегда приходится делать "сглаженный" вариант.))
Александр Ермилов
Гений
(52792)
Спасибо за оценку!)
С той поры немногое изменилось - font-smooth остался "неофициальным" свойством, хотя и поддерживается частично (только в десктопных версиях Firefox, Chrome, Safari и Opera).
Причиной удаления из официальной спецификации CSS3 стало то, что многие дизайнеры жаловались на злоупотребление сглаживанием - сглаживание операционной системы не всегда удачно накладывается на попытки дополнительного сглаживания в браузере, что приводит к замыленности текста или тому, что некоторые буквы соединяются с соседними.