Font Face Gotham 无法在我的 IE 8、9、10 上运行，但在我朋友的 IE 中运行良好？

Posted 2023-03-15

【中文标题】Font Face Gotham 无法在我的 IE 8、9、10 上运行，但在我朋友的 IE 中运行良好？

【英文标题】：Font Face Gotham is not working on my IE 8,9,10 but works fine in my friend's IE?

【发布时间】：2014-11-12 11:19:29

【问题描述】：

我有 GothamBold、GothamBook 和 GothamThin 字体。我在 CSS 中使用该字体设置 font-faces 如下：

@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-fontobject .woff - 字体/x-woff .ttf - 应用程序/八位字节流 .svg - 图片/svg+xml

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

【参考方案1】：

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