События шрифтов Typekit не помогают с Flash-содержимым без стилей (FOUC)

Question

События шрифтов Typekit не помогают с Flash-содержимым без стилей (FOUC)

0

Я решил FOUC использовать события шрифта. Я скрыл p, h1, h2, a, span используя visibility: hidden с некоторым javascript на нижнем колонтитуле страницы, а затем в active событии typekit он возвращает их к visible.

Это решение прекрасно работает в моей локальной среде и в производстве, похоже, прекрасно работает при перезагрузке страницы. Но это не работает при нажатии со страницы на страницу в процессе производства (screencast: http://screencast.com/t/m8YQwFNNsrv)

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

kalenjordan 07 май 2014, в 01:41

Источник

Теги:

javascript

html

css

typekit

1 ответ

Ещё вопросы

Brendan Falkowski · Answer 1 · 2014-05-06T21-56-00.000Z

Возможно, состояние гонки. Ответ на веб-шрифт оценивается (от кеша) до того, как вы достигнете нижней части страницы, где ваш JS скрывает эти элементы, но к тому времени не имеет никакого эффекта.

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

Хм - я постараюсь выяснить, смогу ли я поймать это состояние гонки. Я на самом деле думаю, что сейчас я могу просто вернуться к тому, чтобы typekit в <head> не асинхронный - FOUC становится довольно раздражающим через некоторое время.
Итак, похоже, что это на самом деле проблема с встраиванием Wistia, которое мы используем. Буду публиковать подробности, когда получу ответ.