Question

我们的网站下面有一个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字体位于Fonts文件夹下。
直接通过网址访问时可以下载这些文件。
首次在IE7和8上加载字体时，但是当我们执行CTRL + F5或浏览器刷新时，上述字体不会被渲染。
验证了IIS 7.0 mime类型上的eot。
HTTP或HTTPS是否重要
是否需要任何IIS配置？

有人可以帮助我如何让上述字体在IE7和8上运行

由于

Answer 1

像这样使用它 -

@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

Answer 2

您正在写src属性的两倍。第二个删除了第一个。

IE7和IE8中对font-face的支持不包括

表示您必须使用embedded-opentype字体。

但是当你删除唯一可能的值时，你就无法使用它......

你可以这样做：

@font-face {
    font-family: 'BrauerNeue-Bold';
    src: local('☺'), 
          url('fonts/brauerneue-bold-webfont.eot'),
          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;
}

https @ font-face无法在IE 7和IE8上运行

2 个答案: