.woff图标仅适用于IE 11中的首页加载

Question

我们有一个实现自定义字体的网站。

每次在我们的测试服务器上的IE中这项工作。当我们转向生产时，它只能在第一次加载页面时工作。enter image description here如果我删除临时Internet文件并重新加载页面，它将再次起作用。

我使用字体松鼠来制作他们所谓的＆＃34;防弹＆＃34; CSS。  这是我的自定义标题代码。

这里是font-face code

＆＃13;

＆＃13;

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?48s99');
  src:  url('fonts/icomoon.eot?48s99#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?48s99') format('truetype'),
  url('fonts/icomoon.woff?48s99') format('woff'),
  url('fonts/icomoon.svg?48s99#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

＆＃13;

<customHeaders>
				<add name="Cache-Control" value="no-cache, no-store, must-revalidate" />
				<add name="Pragma" value="no-cache" />
				<add name="Expires" value="-1" />
				<add name="Strict-Transport-Security" value="max-age=16070400; includeSubDomains" />

			</customHeaders>

＆＃13;

＆＃13;

＆＃13;

这是重新加载页面后的图像，它抛出404找不到

Answer 1

如果将Cache Control设置为no-cache，则首次加载后，font-face将无法在IE中运行。尝试使用缓存开启和关闭测试以帮助调试。