我们在下面有一个CSS网站。上面有笑脸,因此可以与IE 7和IE 8一起使用。但是,站点字体在IE 9,chrome,firefox等上可以正常工作,但在IE 7和8上却不能。
@font-face {
font-family: 'BrauerNeue-Bold';
src: url('fonts/brauerneue-bold-webfont.eot');
src: local('☺'),
url('fonts/brauerneue-bold-webfont.woff') format('woff'),
url('fonts/brauerneue-bold-webfont.ttf') format('truetype'),
url('fonts/brauerneue-bold-webfont.svg#webfontvlyLbaAW') format('svg');
font-weight: normal;
font-style: normal;
}
我还验证了以下内容:
eot,woff和ttf字体位于“字体”文件夹下。
通过URL直接访问时可以下载这些文件。
第一次将字体加载到IE7和8上可以正常工作,但是当我们执行CTRL + F5或浏览器刷新时,上述字体不会被渲染。
验证IIS 7.0 MIME类型上存在eot。
HTTP或HTTPS是否重要
是否需要任何IIS配置?
有人可以帮帮我,如何在IE7和8上使用上述字体
谢谢
最佳答案
像这样使用它-
@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
url('myfont-webfont.woff') format('woff'),
url('myfont-webfont.ttf') format('truetype'),
url('myfont-webfont.svg#svgFontName') format('svg');
}
Read more here
关于css - https @ font-face在IE 7和IE8上不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12564322/