Шрифт Удивительные значки исчезают после обновления в Chrome

Загрузочная версия 3

Шрифт Удивительная версия 3.2.1

У меня проблемы с бутстрапом и шрифтом, удивительным в Chrome. Когда я изначально загружаю страницу, шрифт awesome icons отображается правильно. Когда я обновляю страницу, значки исчезают. ** Чтобы прояснить, значок цели отсутствует, это не проблема с пустым полем, с которой сталкиваются другие.

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

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

Наконец, все значки, расположенные внутри <div class="btn"> будут загружаться, когда мышь наводится на div.

Любая помощь приветствуется!

Начальная загрузка страницы Original page load

Original page load headers

Обновление страницы Page refresh

Page refresh headers

Ответ 1

Наверное, ты на машине с Windows, верно?

Это старая проблема с Chrome. См. Это сообщение о CSS-трюках. Следующий вопрос должен быть ответом на ваш вопрос. Или, короче: используйте PUA (область частного использования) для кодирования.

Юникоды (коды PUA) для каждого значка перечислены в файле шрифта Awesome CSS: см. Раздел "Шрифт Awesome" использует область использования Юникода (PUA)... (около строки 190).

Ответ 2

У меня такая же проблема в последней версии хром (33.0.1750.152). Рабочее решение для меня: перемещение стилей из раздела "тело в голову".