5

我使用 Fontsquirrel @fontface 生成器为我正在使用的三种字体创建 CSS。字体在包括其他版本的 IE 在内的每个浏览器中都能正常显示——但 IE 9 没有显示字体。

这是CSS：

    @font-face {
    font-family: "OswaldBold";
    src: url("../fonts/oswald-bold-webfont.eot");
    src: url("../fonts/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-bold-webfont.woff") format("woff"),
         url("../fonts/oswald-bold-webfont.ttf") format("truetype"),
         url("../fonts/oswald-bold-webfont.svg#OswaldBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OswaldRegular";
    src: url("../fonts/oswald-regular-webfont.eot");
    src: url("../fonts/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-regular-webfont.woff") format("woff"),
         url("../fonts/oswald-regular-webfont.ttf") format("truetype"),
         url("../fonts/oswald-regular-webfont.svg#OswaldRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OswaldLight";
    src: url("../fonts/oswald-light-webfont.eot");
    src: url("../fonts/oswald-light-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-light-webfont.woff") format("woff"),
         url("../fonts/oswald-light-webfont.ttf") format("truetype"),
         url("../fonts/oswald-light-webfont.svg#OswaldLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

...这是我在 IE 开发人员控制台中遇到的错误：

CSS3111：@font-face 遇到未知错误。
oswald-light-webfont.eot?#iefix

CSS3111：@font-face 遇到未知错误。
oswald-bold-webfont.eot?#iefix

CSS3111：@font-face 遇到未知错误。
oswald-light-webfont.woff

CSS3111：@font-face 遇到未知错误。
oswald-bold-webfont.woff

CSS3114：@font-face 未能通过 OpenType 嵌入权限检查。权限必须是可安装的。
oswald-light-webfont.ttf

CSS3114：@font-face 未能通过 OpenType 嵌入权限检查。权限必须是可安装的。
oswald-bold-webfont.ttf

我所做的搜索没有任何运气，任何见解将不胜感激。先感谢您。

4

4 回答 4

14

我通过使用Font Squirrel generator再次生成字体文件解决了这个问题 。

我选择了“专家”控制选项并从“EOT 压缩”更改为“EOT Lite”

这些字体现在可以在每个浏览器中使用。

在此处输入图像描述

于 2012-10-30T23:39:27.830 回答
3

我有一个类似的问题。我收到以下错误

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: IcoMoon.ttf

我的 CSS 语法是：

@font-face {
    font-family: 'IcoMoon';
    src: url('font/IcoMoon.eot');
    src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype');
    src: url('font/IcoMoon.woff') format('woff');
    src: url('font/IcoMoon.svg#IcoMoon') format('svg');
    src: url('font/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

我通过像这样重新排列它来解决它：

@font-face {
    font-family: 'IcoMoon';
    src: url('font/IcoMoon.eot');
    src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('font/IcoMoon.woff') format('woff'),
        url('font/IcoMoon.svg#IcoMoon') format('svg'),
        url('font/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

希望能帮助到你！

于 2014-01-16T12:48:31.203 回答
0

要修复 CSS114，请使用这个小应用程序：Truetype embedding-enabler

于 2013-09-02T23:10:08.070 回答
0

我遇到了类似的问题，图标不会出现在任何带有 Font Awesome 的 IE 版本中。我只是将 IE 的格式从“eot”更改为“embedded-opentype”，从而纠正了问题。

示例：旧 - src: url('./font/fontawesome-webfont.eot?#iefix') 格式('eot') 新 - src: url('./font/fontawesome-webfont.eot?#iefix')格式（'嵌入式开放式'）

于 2014-02-17T14:26:27.243 回答