html - 是否可以像css一样将字体文件嵌入到html中？

Question

在我从事的元素中，我需要生成一个单页 HTML 文件，其中包含其中的所有内容(JavaScript 代码、CSS、图像等)。因此，不应有外部引用。

我也打算使用 Bootstrap，但我不确定是否可以像 CSS 一样在 HTML 中嵌入字体文件。

有什么想法吗？

Answer 1

是的，这实际上是可能的。您可以像这样将字体嵌入为 base64 编码的字体:

@font-face{
    font-family: FontName;
    src: url(data:font/ttf;base64,THESTRING… ) format('truetype');
}

但这并不可取，因为 base64 字符串会变得相当大并导致性能问题。