С появление -webkit- почти все web разработчики начали использовать его возможности на всю «катушку» забив в этом плане полностью на кроссбраузерность.
Но вот как и во всём новом, в -webkit- есть некие недостатки, одним из которых является мигающий текста на страницах сайта и многие из верстальщиков понятия не имеют в чём тут причина.
Как бы это прискорбно не звучала многие просто закрывают глаза на эту проблему и просматривая очередной раз themeforest в поисках новшеств всё больше и больше натыкаешься на шаблоны с проблемой такого рода.
Не став мириться с этой проблемой я начал искать во все возможных поисковиках решение данной проблемы, пересматривать -webkit- свойства css.
Оказывается далеко ходить не нужно было! На все любимом сайта верстальщиков htmlbook.ru я нашёл интересно свойство «Сглаживание шрифтов в Safari».
тег спаситель -webkit-font-smoothing имеет 3 значения:
При значении none текст вообще потерял какую-либо читабельность, при subpixel-antialiased текст кажется жирным и это не всем нравится, antialiased дает наиболее универсальное сглаживание.
Но вот как и во всём новом, в -webkit- есть некие недостатки, одним из которых является мигающий текста на страницах сайта и многие из верстальщиков понятия не имеют в чём тут причина.
Как бы это прискорбно не звучала многие просто закрывают глаза на эту проблему и просматривая очередной раз themeforest в поисках новшеств всё больше и больше натыкаешься на шаблоны с проблемой такого рода.
Не став мириться с этой проблемой я начал искать во все возможных поисковиках решение данной проблемы, пересматривать -webkit- свойства css.
Оказывается далеко ходить не нужно было! На все любимом сайта верстальщиков htmlbook.ru я нашёл интересно свойство «Сглаживание шрифтов в Safari».
тег спаситель -webkit-font-smoothing имеет 3 значения:
- none — сглаживания нет;
- subpixel-antialiased — сильное сглаживание;
- antialiased — среднее сглаживание.
При значении none текст вообще потерял какую-либо читабельность, при subpixel-antialiased текст кажется жирным и это не всем нравится, antialiased дает наиболее универсальное сглаживание.
Использование:
body {-webkit-font-smoothing: antialiased; }