Проблема рендеринга / сглаживания шрифтов в Webkit с jQuery Slider Revolution (версия плагина WP)
Мне так и не удалось найти решение этой проблемы. Я попробовал решения, предложенные в той же статье "Тонкие шрифты рендеринга Safari с помощью ползунка jQuery на странице", включающие следующие свойства CSS: -webkit-font-smoothing: antialiased а также -webkit-backface-visibility: visible / -webkit-backface-visibility: hidden,
Это проблема только Safari (Webkit), которая возникает на каждой странице этого сайта: http://dev.gaudissard.com/, только в разделе заголовка.
Весь текст (навигация, выпадающие меню, кнопки), расположенные над Slider Revolution, в порядке и отображается с обычным весом... до тех пор, пока не начнется Slider Revolution, что приводит к уменьшению отображения шрифта (вроде переключения между весами и сглаживанием шрифта).
Из того, что я прочитал, похоже, что это проблема сглаживания шрифтов из-за анимации CSS3, которая происходит в слоях ниже (z-index).
Некоторая помощь была бы действительно признательна, так как даже (премиум) команда поддержки плагинов не ответила на мой вопрос Спасибо:)
1 ответ
Задача решена! Вместо -webkit-font-smoothing: antialiased я использовал -webkit-font-smoothing: subpixel-antialiased (не в <html> элемент, но только там, где это необходимо), и шрифт, использованный в заголовке, выглядел толще и лучше.