css - Font Face Gotham 无法在我的 IE 8、9、10 上运行，但在我 friend 的 IE 上运行良好？

Question

我有 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 */
}

但它不适用于 IE，即使它适用于 Chrome、Firefox 和 Safari。有什么想法吗？

我已经尝试使用从 fontsquirrel 获得的 Montserrat 字体套件，但仍然无法在 IE 上加载它。

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

它仍然无法在我的 IE 8、9、10 上运行。但它适用于我 friend 的 IE？？？怎么可能？？？

Answer 1

原来这是因为互联网选项安全设置:| - 只需转到 Internet 选项 > 安全 > 自定义级别 > 查找字体下载 > 选择启用。刷新你的页面，然后 tadaaa~.. 是的，它有效。