@ font-face Шрифт Вес изменяется при загрузке страницы (нормальный вес)

Question

Мы используем Interval Sans с @ font-face. Каждый элемент шрифта имеет font-weight: normal применяется к нему. Сильных полей, связанных с элементами, нет.

http://www.fontspring.com/fonts/mostardesign/interval

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

Вот 30 второе видео, показывающее, что произошло: http://www.screencast.com/t/vGN6zLbKh

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

Проблемы с весом шрифта можно увидеть в Mac Chrome, но они мгновенно смелые в Mac Firefox и Safari. Наша команда разработчиков говорит, что они не могут воспроизвести мерцание/изменение в браузерах Windows.

Я ценю любое понимание!

Answer 1

звучит как кернинг. не видя кода, довольно сложно точно его зафиксировать. вы используете optimizeLegibility в своем css? вы создали комплект для совместимости с несколькими браузерами?

Answer 2

Возможно, вы используете FlexSlider на сайте?

У меня была такая же проблема с весом шрифта, который, казалось, мигал/мерцал и не использовал @font-face.

Проведя некоторое время отладки, я обнаружил, что переменная slideshowSpeed в скрипте Flexslider вызывает проблему. Я удалил пользовательскую настройку для этой переменной, и мигающий текст исчез.

Даже если вы не используете FlexSlider, я бы предложил проверить, не вызывает ли какой-то бит javascript проблему.