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

How to load font awesome ie8 w/Font Download disabled

本文关键字：ie8 字体下载 何加载 加载 字体      更新时间：2023-09-26

我一直试图通过谷歌网络字体加载字体Awsome，因此它可以在ie8上运行，禁用字体下载(在Internet Options>Security>Downloads中(。我一直在尝试此代码的不同版本，但仍然只看到字体应该在的空框。当我启用字体下载时，图标就在那里。

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

字体时最好在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

相关文章：