css - https @font-face 不适用于 IE 7 和 IE8

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;
    }

我还验证了以下内容：

1. eot、woff 和 ttf 字体位于 Fonts 文件夹下。

2. 通过 URL 直接访问时可以下载这些文件。

3. 第一次字体在 IE7 和 8 上加载正常，但是当我们执行 CTRL + F5 或浏览器刷新时，上述字体不会被渲染。

4. 已验证 IIS 7.0 mime 类型上存在 eot。

5. HTTP 或 HTTPS 是否重要

6. 需要任何 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');
    }

在这里阅读更多

Answer 2

你写了两次src属性。第二个擦除第一个。

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

• WOFF 字体
• 真字体
• svg 字体

这意味着您必须使用嵌入的 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;
}