css - 我们可以先下载字体以避免显示浏览器默认字体吗

Question

我想检查是否有办法在渲染任何内容之前先下载自定义字体

例如

当我们第一次打开一个网站时，下载字体需要一些时间，所以它显示的是默认字体

如下图所示

我试过了font-display:block，any但它不起作用

我想知道我们是否可以像这些网站一样首先展示我们的自定义字体

https://web.dev/preload-optional-fonts/

https://vercel.com/dashboard

即使您去那里并ctrl + f5在上述站点中按（强制刷新以清除缓存），字体也会保持不变

标签： cssfonts