我们在下面有一个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/

10-09 05:32