css字体加载

Question

老师在这节课说 css的加载应该是在页面渲染之前，但是我遇到了一个情况，css中我用的是自定义字体（ttf文件） 我注意到我的页面是先加载出来，且加载的页面字体为浏览器默认字体，之后大概过1-2秒才会变成我的自定义字体，请问这种情况是我页面渲染在css加载之前吗？

Answer 1

双越 2021-10-22 08:41:47

你的字体文件，肯定使用外链的方式引入的。外链，当然就是异步加载，即你说的 1-2 秒种。

你可以考虑用 base64 的形式，将字体文件内嵌到 css 中，这样就可以了。