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

标签 html internet-explorer svg fonts base64

我有一个独立的 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”并且字体呈现正常!

See here for an example (用IE打开)

关于html - 在 svg 文件中嵌入带有 @font-face 的 base 64 truetype 字体,在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32434617/

相关文章:

css - 自定义光标图像不适用于所有 IE?

html - IFRAME 在 IE8 中不会显示 100% 高度,但在 IE11 和 Firefox 中正常

javascript - 查找 div 内中心点和中点的 x 和 y 坐标

javascript - React.js 获取 SVG 路径上的事件

html - CSS从另一个div中改变一个div的颜色

html - CSS 在 2 个 div 周围有边框

html - IE11 上的溢出滚动问题

css - CSS 中的分层蒙版

css - 我不能降低音频元素 HTML5/CSS3

html - 作为 div 背景的 SVG 路径