Я использую веб-шрифт для иконок вместо файлов изображений.Дизайнер получил оригинальный шрифт, а затем я сделал полный набор с помощью генератора * font-face Font Squirrel's @ font-face.Я открыл тестовый файл *.html, который они поставляют вместе с экспортированными шрифтами, и он работал последовательно в каждом браузере, который я просматривал (включая IE7).
Я установил шрифт на свой сервер, и снова егоработал последовательно во всех протестированных мною браузерах (включая IE9) , кроме IE7 .Странно то, что в IE7 он работает примерно половину времени.Так что, если я просто несколько раз обновлю страницу, то она будет случайным образом работать примерно с половиной загрузки страницы, а не с другой половиной.
Я очищал кэш несколько раз через окно «Инструменты разработчика».
Вот CSS, который я использую, чтобы включить шрифт:
@font-face {
font-family: 'iconRegular';
src: url('/static/fonts/icon-webfont.eot');
src: url('/static/fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/fonts/icon-webfont.woff') format('woff'),
url('/static/fonts/icon-webfont.ttf') format('truetype'),
url('/static/fonts/icon-webfont.svg#iconRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.icon,
.ui-widget-content .icon {
font-family: 'iconRegular';
font-weight: normal;
font-style: normal;
font-variant: normal;
}
Я использую это в массовом приложении (~ 20 *.js файлов, загруженных через require.js);Возможно ли, что это связано с размером моего приложения?