Question

我一直试图通过google webfont加载Font Awsome，因此它适用于ie8，禁用了字体下载（在Internet选项＆gt;安全＆gt;下载中）。我一直在试验这段代码的不同版本，但仍然只看到字体所在的空盒子。当我启用字体下载时，图标就在那里。

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

Answer 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

如何加载字体awesome ie8 w /禁用字体下载

1 个答案: