Другие языки программирования и технологии
Возможно или нет сделать сайт так, что бы шрифт Ариал отображался со сглаживанием во всех браузерах?
Это зависит только от настроек браузера, или можно как-то обойти их? Какие браузеры поддерживают сглаживание, в каких оно включено по умолчанию?
ни когда не замарачивался, но обычно это зависит от настроек винды!
Совсем кроссбраузерно - никак.
Сглаживание зависит не только от настроек системы, но и от самой системы - в Mac и Linux сглаживание отличается от виндового. А в Linux из-за "своеобразного" рендеринга даже длина строки больше на несколько процентов, чем в Mac и Windows.
"Дополнительные примочки" для улучшения рендеринга шрифта вводили в IE8, Safari - смотрится диковато, особенно размытие в сафари (Windows) и отлично для мелких шрифтов (IE8).
Примерным аналогом для управления рендерингом шрифтов в WebKit (Chrome, Safari) и Gecko (Firefox) является свойство text-rendering
При использовании OpenType есть еще больше способов управления видом шрифта см. http://habrahabr.ru/blogs/typography/135988/ и полный список возможных свойств, на которые можно повлиять: http://www.microsoft.com/typography/otspec/featurelist.htm
Вообще, сам тип шрифта тоже сильно влияет на рендеринг - например, один и тот же шрифт, загруженный через @font-face в IE9 при использовании WOFF будет выглядеть лучше, чем EOT для старых осликов.
Для Chrome/Safari есть свойство -webkit-font-smoothing, но оно не работает в Chrome (и в Сафари без дополнительных настроек браузера) под Windows
Ну, и есть некая имитация сглаживания с использованием text-shadow - например: text-shadow: 0 0 1px; (если не указывать цвет, то цвет тени равен цвету текста) - но обычно все-таки лучше использовать rgba, или подобранный цвет. text-shadow не работает в IE<10 (правда, в восьмерке текст и так обычно "жирнее", чем в других браузерах) , но может имитироваться при помощи фильтров, или различных скриптовых библиотек типа
http://www.useragentman .com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/ (пробел перед .com убрать)
Сглаживание зависит не только от настроек системы, но и от самой системы - в Mac и Linux сглаживание отличается от виндового. А в Linux из-за "своеобразного" рендеринга даже длина строки больше на несколько процентов, чем в Mac и Windows.
"Дополнительные примочки" для улучшения рендеринга шрифта вводили в IE8, Safari - смотрится диковато, особенно размытие в сафари (Windows) и отлично для мелких шрифтов (IE8).
Примерным аналогом для управления рендерингом шрифтов в WebKit (Chrome, Safari) и Gecko (Firefox) является свойство text-rendering
При использовании OpenType есть еще больше способов управления видом шрифта см. http://habrahabr.ru/blogs/typography/135988/ и полный список возможных свойств, на которые можно повлиять: http://www.microsoft.com/typography/otspec/featurelist.htm
Вообще, сам тип шрифта тоже сильно влияет на рендеринг - например, один и тот же шрифт, загруженный через @font-face в IE9 при использовании WOFF будет выглядеть лучше, чем EOT для старых осликов.
Для Chrome/Safari есть свойство -webkit-font-smoothing, но оно не работает в Chrome (и в Сафари без дополнительных настроек браузера) под Windows
Ну, и есть некая имитация сглаживания с использованием text-shadow - например: text-shadow: 0 0 1px; (если не указывать цвет, то цвет тени равен цвету текста) - но обычно все-таки лучше использовать rgba, или подобранный цвет. text-shadow не работает в IE<10 (правда, в восьмерке текст и так обычно "жирнее", чем в других браузерах) , но может имитироваться при помощи фильтров, или различных скриптовых библиотек типа
http://www.useragentman .com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/ (пробел перед .com убрать)
Похожие вопросы
- Сделали сайт (крутой бутик шоколада, марципана, кофе и чая "Вуаля") - а у Вас он нормально отображается на экране? (+)
- Возможно ли самому создать сайт?
- Как лучше сделать сайт
- О чём сделать сайт?
- Создание сайта, вот решил сделать сайт что для этого нужно сделать?
- Как сделать сайт со своим дизайном?
- А если я хочу сделать сайт на джумле..
- Фотошоп для сайта точнее, как с помощью фотошопа сделать сайт...
- Чем сделать сайт
- Сколько стоит сделать сайт