我有GothamBold,GothamBook和GothamThin字体。我在CSS中使用该字体设置字体,如下所示:

@font-face {
    font-family: 'GothamBold';
    src: url("../../fonts/GothamBold.eot"); /* IE9 Compatibility Modes */
    src: url("../../fonts/GothamBold.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
         url("../../fonts/GothamBold.woff") format("woff"),
         url("../../fonts/GothamBold.ttf") format("truetype"),
         url("../../fonts/GothamBold.svg#GothamBold") format("svg");
}

@font-face {
    font-family: 'GothamBook';
    src: url("../../fonts/GothamBook.eot"), /* IE9 Compatibility Modes */
         url("../../fonts/GothamBook.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
         url("../../fonts/GothamBook.woff") format("woff"),
         url("../../fonts/GothamBook.ttf") format("truetype"),
         url("../../fonts/GothamBook.otf") format('opentype'),
         url("../../fonts/GothamBook.svg#GothamBook") format("svg");
}

@font-face {
    font-family: 'GothamThin';
    src: url("../../fonts/GothamThin.eot"), /* IE9 Compatibility Modes */
         url("../../fonts/GothamThin.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
         url("../../fonts/GothamThin.woff") format("woff"),
         url('../../fonts/GothamThin.ttf'); /* Safari, Android, iOS */
}


但即使在Chrome,Firefox和Safari上也无法在IE上运行。任何想法?

我尝试使用从fontsquirrel获得的Montserrat字体工具包,但仍无法在IE上加载它。

我已经在IIS中检查了MIME类型,每个扩展名都具有以下类型:
.eot-应用程序/vnd.ms-fontobject
.woff-字体/ x-woff
.ttf-应用程序/八位字节流
.svg-图片/ svg + xml

它仍然无法在我的IE 8,9,10上运行。但是它可以在我朋友的IE上使用???那怎么可能???

最佳答案

原来,这是由于Internet选项安全设置:| -只需转到Internet选项>安全性>自定义级别>查找字体下载>选择启用。刷新您的页面,然后tadaaa〜..是的,它可以正常工作。

09-25 20:12