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字符串会变得相当大并导致性能问题。

Answer 2

是的，你可以。您必须将字体转换为BASE64字节并嵌入数据URI，如下所示：

@font-face { font-family: 'yourfontname'; src: url(data:application/x-font-woff;charset=utf-8;base64,**your base64 here**) format('woff'), font-weight: normal; font-style: normal; }

您可以使用此站点将您的字体转换为Base64： enter link description here

有可能像css一样将字体文件嵌入到html中吗？

2 个答案: