Встроенные шрифты отображаются, а затем исчезают
У меня есть сайт, который загружается шрифтами typekit и встроенным значком шрифта.
Кажется, все они хорошо загружаются во всех браузерах. Однако, если окно браузера остается неактивным в течение некоторого времени, оно исчезает и системные шрифты отображаются на их месте. Изменение размера браузера, кажется, затем решает проблему, и встроенные шрифты появляются снова.
Эту проблему очень трудно воссоздать, так как кажется, что это не происходит постоянно, но это случаетсямного времени. До сих пор я видел это только в Chrome.
Другие детали: Сайт размещен на Heroku, Rails 4, Turbolinks off.
Внедрение шрифта для иконки:
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
Typekit header
<script type="text/javascript" src="//use.typekit.net/ssu8vyw.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
Есть идеи?