Рубрика: Разное

Столкнулся сегодня с интересной проблемкой:

В ie не отображаются glyphicon glyphicon-pencil, которые идут в комплекте с bootstrap, а вернее в ie вместо иконок отображаются иероглифы. Немного покопав ынтырнет, выяснил, что если у вас совпадают следующие условия: ie + ssl (https) + no cache (отключен кэш), то ie отказывается загружать @font-face. Вернее первый раз он загружает все корректно, но если обновить страницу или нажать на кнопку «назад», то это дерьмо отказывается работать и мало того, майкрософт об этом знают и чинить тоже не собираются: вот пруф

Проблему эту решают разными способами:
1. Самый очевидный и быстрый, включить кэш. Банально убрав из хедера, но это мне не подходило, т.к. работаю в сфере интерпрайс и no-store это самый строгий заголовок, отменяющий любые кэши. Он был придуман специально для работы с конфиденциальной информацией.

2. Дальше люди на стековерфлоу рекомендовали включить кеш только для шрифтов на стороне веб-сервера, пример для nginx:

# Favicon and fonts
location ~* \.(ico|woff|ttf|svg|eot|otf)$ {
        expires 1w;
        access_log off;
        add_header Cache-Control "public";
}

3. Самые изощренный заменяю иконки на png 🙂