Html 使用数据URI的Base64编码OpenType字体

我想添加一个

base64编码的

OpenType字体作为字体中的数据URI

到目前为止，我有：

@font-face {
    font-family: 'test';
    src: url(data:font/otf;base64,
        // Base64 string here ...
    ) format('opentype');
}

但我相信它没有正确地包括我的风格的字体

---

非常感谢您提供的任何帮助。

数据URI始终采用以下格式：

data:[<mediatype>][;base64],<data>

因此，您可以这样使用它：

@font-face{
    font-family: test;
    src: url(data:font/opentype; base64, [base64 string here]);
}

替换

[base64 string here]

使用base-64编码字符串的精确复制粘贴版本

注释

请注意：

• 对于

  数据

  ，您应该使用

  font/opentype

  ，而不是

  otf

• 您应该复制粘贴准确的base-64编码字符串，不做任何更改，如添加空格等（我相信其中有一些空格）

在线编码工具

---

您可以使用该工具将字体文件转换为编码字符串。

请使用

'

s包装这些值。你在用什么浏览器？我试过了，还有谷歌chromeOh是的，它是

font/opentype

而不是

otf

。仍然不起作用：（做“…”重要吗？只需将

//Base64字符串替换为您的base-64编码字符串的复制粘贴版本。

是否所有字体都与Base64兼容？是的。Base64与文件类型无关。它只是一种编码方法，可以读取文件内容并将其编码为字符串。请仔细阅读答案，我相信您会将它是work@Pmpr这与支持IE8这样的IE较低版本有什么相同之处？因为AFAIK，base64是IE10及以上版本支持的。如果我错了，请纠正我

[base64 string here]