如何在禁用字体下载的情况下加载令人敬畏的 ie8 字体答案

【问题标题】：How to load font awesome ie8 w/Font Download disabled如何在禁用字体下载的情况下加载令人敬畏的 ie8 字体
【发布时间】：2015-02-17 18:01:31
【问题描述】：

我一直在尝试通过 google webfont 加载 Font Awsome，以便在禁用字体下载（在 Internet 选项>安全>下载中）的情况下在 ie8 上运行。我一直在尝试使用此代码的不同版本，但仍然只看到字体应该在的空框。当我启用字体下载时，图标就在那里。

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>window.WebFont || document.write('<script src="javascripts/webfont.js"><\/script>')</script>
<script>
  WebFont.load({
    fontinactive: function (family, fvd) {
      if (family === 'Flamenco' && 'FontAwesome') {
        WebFont.load({
          custom: {
            families: ['Flamenco', 'FontAwesome'],
            urls: [ '/stylesheets/font-awesome.min.css' ]
          }
        })
      }
    },
    google: {
      families: ['Flamenco'],
    },
    custom: {
      families: ['FontAwesome'],
      urls: [ '//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css' ]
    }
  });
</script>

【问题讨论】：

你有没有解决上述问题？

标签： javascript html css fonts internet-explorer-8

【解决方案1】：

添加字体时最好在 CSS 中使用@Font-face。以前做过，效果很好。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

来源：CSS-Tricks

【讨论】：

正如用户所说，字体下载在 IE 中被禁用，因此下载字体的 CSS 方式不是一个选项。