有时我的页面加载不那么顺利,因为它等待.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] 删除。
我来说两句