7

为什么这个字体在 IE8 中呈现：

@font-face {
  font-family: 'Aller';
  src: url('aller_rg-webfont.eot');
  src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('aller_rg-webfont.woff') format('woff'),
       url('aller_rg-webfont.ttf') format('truetype'),
       url('aller_rg-webfont.svg#AllerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

这不会：

@font-face {
  font-family: 'Champagne';
  src: url('champreg-webfont.eot');
  src: url('champreg-webfont.eot?#iefix') format('embedded-opentype'),
       url('champreg-webfont.woff') format('woff'),
       url('champreg-webfont.ttf') format('truetype'),
       url('champreg-webfont.svg#Champagne&LimousinesRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

我实在想不通。显然，所有其他浏览器都可以正常工作。

4

3 回答 3

32

.eot尝试使用在线 woff/ttf/svg to eot 转换器与其他文件之一创建一个新文件。

如果这个新文件不起作用，那么它可能是字体本身的问题。如果字体名称和系列名称在实际字体文件中不同，有时 IE6-8 会很合适。要解决这个问题：

  • 你需要下载FontForge
  • 打开字体
  • 从菜单中，选择Element>Font Info
  • 确保字体名称、姓氏和人类名称都相同
  • 将字体保存为 TTF 或 OTF 并使用在线转换器生成 EOT 文件。

我在 font-face 上遇到的每一个问题——如果 CSS 是正确的——都可以使用上述两种解决方案之一，祝你好运:-) 甚至可以尝试在 FontForge 中不做任何更改的情况下保存字体并在你摆弄之前在线转换它与名称属性。

于 2012-09-17T12:43:50.123 回答
0
  1. 将此添加到 htaccess。“BrowserMatch MSIE 最佳标准支持标头集 X-UA 兼容 IE=8 env=最佳标准支持”
  2. 试图重新转换eot字体
  3. doc 可压缩性模式更改
  4. 试过usleep功能
  5. 设置间隔js
  6. 添加谷歌html5脚本
  7. 在 ie8 的正文部分调用 css
  8. 添加数据图标类
  9. 广告伪元素js
  10. 在 CSS 中添加 png 和 svg 过滤器
  11. 检查服务器中的字体类型权限

但最终在添加时有效

.sass 和 .less CSS

文件快乐编码...由 sivakumar

于 2013-10-25T12:48:09.750 回答
0

在 IIS（MVC 环境）下，我必须将以下规则添加到我的 Web.config：

   <system.web>
    <httpHandlers>
      <add verb="GET" path="*.eot" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.svg" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.ttf" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.woff" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.otf" type="System.Web.StaticFileHandler" />
    </httpHandlers>
  </system.web>
于 2014-01-24T21:53:28.610 回答