是否可以将 .ttf 字体文件完全嵌入网页中,以便在加载我的页面时无需请求该文件?

游戏玩家

有时我的页面加载不那么顺利,因为它等待.ttf文件加载。

有什么办法可以将它嵌入内联?

就像<img src="xxxx">变成<img src="data:image/jpeg;base64, ....

阿马丹

是的,以完全相同的方式。

<style>
  @font-face {
    font-family: 'myfont';
    src: url('data:font/ttf;base64,...') format('truetype');
  }
  .myfont {
    font-family: 'myfont';
  }
</style>

数据 URL 是一种 URL。据我所知,在 HTML/CSS 中,任何可以使用 URL 的地方,都可以使用数据 URL;只需确保为其分配正确的 MIME 类型(以及文本编码,如有必要)。

但是,这应该很少需要。如果您的页面经常等待文件加载,您可能需要检查缓存标头,并配置您的 Web 服务器以符合您的期望;理想情况下,浏览器应该只加载您的文件一次,然后长时间记住它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

什么是TTF字库我可以自由使用,涵盖中国,日本和韩国的Java

模板中的Golang ttf字体

注册字体损坏.TTF文件

将xml标头嵌入网页时,是否需要将其保留在svg文件中?

在Ruby中下载ttf文件

我需要从.ttf文件设置字体

THREEJS:将字体从otf和ttf转换为json

将.ttf字体包含在通过飞碟和Spring-Boot生成的pdf中

将多个.ttf文件批量附加到.mkv

如何将Ttf或其他字体转换为.Xnb / XNA Game Studio字体?

如何在Python中使用fonttools将woff2字体转换为ttf?

如何将ttf字体本地文件导入Vuetify变量?

Fluxbox:模糊的TTF字体

无法读取* .ttf文件

如何更改TTF字体名称?

卸载我之前安装的.ttf字体

我可以覆盖由ttf-mscorefonts-installer安装的字体,而不喜欢Liberation字体吗?

可以编码为TTF / OTF / SVG字体吗?

将.ttf转换为.bdf

我将代码从.ttf文件复制到腻子中,代码杂乱

Swift中带有ttf文件的字形

如何将Google字体.ttf文件转换为其他文件以支持所有浏览器的类型

TTF格式是否足以在项目中使用Web字体?

是否可以将 postcript 字体转换为 otf/ttf?

Silverstripe TTF文件上传

Rodot-regular.ttf 的 pdf 生成器错误,我可以存储此 pdf

如何从 TTF 字体文件创建 PangoFont 对象?

尝试将 TTF 文件加载到我的游戏中时出现读取字体数据错误的问题

如何手动将 Faux Bold 应用于特定字体文件(.ttf)以生成新字体文件(.ttf)