У нас есть сайт - все работает, но веб-шрифты мерцают в течение секунды до загрузки страницы.Веб-шрифт мерцает при загрузке
Это не похоже на другие сайты & Я не вижу никакой разницы.
Мы используем шрифты fonts.com.
Все, что я могу найти в Google, - это проблема с Firefox, но это происходит во всех браузерах для меня.
например http://lpff.niico.co.uk/About/Who-We-Are/Our-People
Есть ли что-то очевидно, что я пропустил? Как я могу это исправить?
Существует несколько способов борьбы с этим.
1 - Поскольку вы вытаскиваете шрифт с веб-сайта и у вас нет шрифта, размещенного локально на вашем собственном сервере, существует задержка между загрузкой вашей страницы и загрузкой шрифтов с fast.fonts.net.
Если вы скачаете шрифт (.ttf) и запустите его через генератор webfont fontsquirrel, он должен поднять некоторые проблемы с загрузкой.
2 - Поскольку он на несколько секунд мелькает на загрузке страницы, вы можете скрыть содержимое своей веб-страницы на короткое время, пока шрифт загружается (200 миллисекунд). Это гарантирует, что когда содержимое вашей страницы загрузится, ваш пользователь не увидит мерцание.
Paul Irish имеет хорошую статью об этом от хороших Ole дней: http://www.paulirish.com/2009/fighting-the-font-face-fout/
Возможно, вы видите, что называется FOUC (flash of unstyled content). Это обычная проблема. Я полагаю, вы можете попробовать web font loader для большего контроля загрузки шрифтов.
спасибо. Ни один из них не является действительно хорошим вариантом (1, вероятно, является незаконным) - все еще кажется нерешенной проблемой ?! – niico
интересная статья. Теперь webkit изменился на подход firefox, поскольку у Chrome есть эта проблема). – niico
@niico Кроме того, у вас установлен ваш браузер, чтобы он автоматически очистил кеш? Мерцание обычно обычно не влияет на пользователей после первого раза, потому что шрифт будет кэшироваться и будет загружаться быстрее, чем вызов fast.fonts.net api. –