有什么方法可以加速字体渲染吗

[tl5423320]

真的很喜欢博主的这款主题，但是每次字体加载都需要几秒钟时间（博主网站加载就很快）： 1、请问有什么方法可以提示字体加载速度呢？需要给字体做cdn吗？ 2、请问博主now页面的文字边框是什么实现呢？ 谢谢！

[Goal75KG]

正常来说字体文件都在Github上你的博客仓库里，首次加载速度取决于你的网络环境，而第二次浏览器就有缓存了，加载速度忽略不计，看看你的浏览器缓存是不是每次关闭都会自动清除啊？

[HiNinoJay]

感谢喜欢！ 正如楼上所说，首次加载会慢一下（因为中文字体包体积不小）浏览器缓存了字体包在本地后，继续访问网页就会快速一点。
但是归根到底慢的原因还是因为中国网络访问github资源太慢，所以，我的网站除了部署在github上面，同时还部署在vercel，目前访问我的网站ninojay.top，都是访问的vercel上面的网站资源，经过简单的测试会比github快一点。
所以，我建议你去了解一下vercel，上手不复杂，非常方便就能同步github的网站项目，同步部署。
或者，不采用github或者vercel之类的方案，而是把网站部署在国内的云服务器（阿里云、腾讯云、华为云等）上，国内的服务器，自然速度也会非常快。 或者，在A4配置里面关闭当前的中文字体，采用思源宋体（这个字体的体积就会很小），也能加快网站的字体，只不过没有目前的字体好看。

---

关于now页面，首先是我自己hexo new page 了几个页面，然后使用A4内置的一些不同颜色的边框css，你在写文章的时候可以直接使用，比如在md文件里放一个黑色边框：

###### 2024-01-23  20:16  冬 🧊

<div class="circle-black">

《涅朵奇卡》，看完的第一本陀思妥耶夫斯基的书。和王小波说的一样，前半部分震撼。我觉得自己看这本书，有点晚，要是更早一点看到就好了。

</div>

再比如放一个 蓝色边框：

###### 2024-01-23  20:16  冬 🧊

<div class="circle-blue">

《涅朵奇卡》，看完的第一本陀思妥耶夫斯基的书。和王小波说的一样，前半部分震撼。我觉得自己看这本书，有点晚，要是更早一点看到就好了。

</div>

注意到区别了吗：circle-blue、circle-black、circle-red