无法在@ font-face中加载base64编码的字体

Question

我正在尝试将base64编码的字体嵌入到文档头部的样式中的@ font-face规则中。

<style> 
@font-face {
    font-family: OmoType-BoldStdTwo;
    src: url(data:font/ttf;base64,<base64data>);
}
div {
    font-family: OmoType-BoldStdTwo;
    font-feature-settings: "ss03" 1, "ss04" 1;
}
</style>

由于某种原因，它不是在使用我的字体，而是在使用Times（在Web检查器中查看计算的样式时，会看到它）。我正在Google Chrome上进行测试。

这是小提琴：https://jsfiddle.net/gfwdzx5s/

Answer 1

似乎字体本身有问题。我将字体的内容作为文本加载，然后对它进行base64编码，这是行不通的，但是当我将其作为数组缓冲区加载并转换为base64时，它可以工作。