css - 字体未显示在IE上

@font-face {
  font-family: 'Museo-Sans';
  src:  url('../fonts/MuseoSans/MuseoSans-900.otf') format('opentype'),
        url('../fonts/MuseoSans/MuseoSans-900.eot'),
        url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}

这不会显示在Internet Explorer上。我将otf文件转换为eot，但是在这里我自己添加第三行。如何正确转换以使文件具有此?#iefix？

最佳答案

尝试使用.woff格式使其在IE11中工作

@font-face {
    font-family: 'Museo-Sans';
    src: url('../fonts/MuseoSans/MuseoSans-900.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/MuseoSans/MuseoSans-900.woff') format('woff'), /* IE 9-11 & Modern Browsers */
         url('../fonts/MuseoSans/MuseoSans-900.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/MuseoSans/MuseoSans-900.svg#svgFontName') format('svg'); /* Legacy iOS */
    }