Question

我正在尝试使用我们在Glyphs中创建的自定义字体。它在某些情况下运行良好，完全不适用于其他情况。

我使用FontSquirrel从Glyphs导出的otf创建非otf字体文件（除非我使用TypeFront，它为我创建/托管它们）。我创建的字符位于unicode私有区域，特别是在此范围内：http://www.decodeunicode.org/en/private_use_area/5

这是什么工作： * Firefox和Safari中的字体 *如果我在CSS中包含opentype字体文件，则Chrome中的字体。

以下是破碎的内容：

如果我在CSS中不包含opentype字体文件，则Chrome中的字体呈现为空白。
在任何情况下，字体都会在IE8 / 9中呈现空框。（尚未检查旧版本。）

这是我尝试过没有成功的事情：

在本地托管字体。在TypeFront上托管他们。
FontSquirrel和TypeFront提供的最新的最佳防弹字体声明。

例如：

@font-face {
    font-family: 'dojofore';
    src: url('ash/oah/css/dojofore-regular-webfont.eot');
    src: url('/ash/oah/css/dojofore-regular-webfont.eot?#iefix') format('embedded-opentype'),                  
         url('/ash/oah/css/dojofore-regular-webfont.ttf') format('truetype'),
         url('/ash/oah/css/dojofore-regular-webfont.woff') format('woff'),
         url('/ash/oah/css/dojofore-regular-webfont.svg#dojoforeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

仅使用上面的第一个src声明。而且只有第二个。而且只有第二行的第一行。

更改.htaccess文件：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf

我觉得我必须错过一些关键步骤，这些步骤将使每个浏览器中的上述工作变得美妙。其他人已经做到了（FontAwesome的字体在私人使用区域）。谁能告诉我我做错了什么？

Answer 1

解决。

FontSquirrel允许您“分配”您的字体。这样做似乎使unicode的私有区域更加可预测。在这种情况下，这意味着给它一个范围E400-E500。

让IE通过@ font-face在自定义字体中使用私有代码点

1 个答案: