在svg文件中嵌入带有@font-face的base 64 truetype字体,在IE中不起作用



我有一个独立的SVG文档,没有任何外部依赖。我使用的是嵌入在base64中的自定义字体。

我使用@font-face嵌入字体,就像这样:

@font-face{font-family:'a_e2ef524fbf3d9fe611d5a8e90fefdc9c';src:url(data:font/truetype;charset=utf-8;base64,[BASE64_CODE])format('truetype');font-weight:normal;font-style:normal;}

该字体在Chrome和FireFox中显示良好,但在Internet Explorer(任何版本)中都不能显示。

windows属性显示字体是可安装的。

我将感激任何帮助。提前感谢!

我已经解决了这个问题,问题是字体名称的长度(a_e2ef524fbf3d9fe611d5a8e90fefdc9c)。

IE似乎不喜欢超过31个字符的名字…我只是将名称更改为"aaa",字体渲染得很好!

请看这里的例子(用IE打开)

最新更新