글꼴을로드하는 법 awesome ie8 w/Font 다운로드 사용 안함

Question

글꼴 다운로드 (인터넷 옵션> 보안> 다운로드)를 사용하여 ie8에서 사용할 수 있도록 google webfont를 통해 글꼴 Awsome을로드하려고했습니다. 필자는이 코드의 여러 버전을 실험했지만 글꼴이 있어야하는 빈 상자 만 보았습니다. 글꼴 다운로드를 활성화하면 아이콘이 나타납니다.

<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