2

我们有一个网站,下面有一个 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 上工作

谢谢

4

2 回答 2

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

在这里阅读更多

于 2012-09-24T11:42:07.517 回答
0

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

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

这意味着您必须使用嵌入的 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;
}
于 2012-09-24T11:42:11.620 回答