五月七日千緒 (@tuyuritio)请教 Web 开发的字体优化方案 中发帖

最近在开发一个 Astro 的主题,本来就是往简单了做,所以没什么新点子,于是开始折腾优化的事情。 

自我推广:tuyuritio/astro-theme-thought-lite: A modern Astro theme, focused on content creation.

目前 Lighthouse 的跑分如下:
[image]
从分析来看,性能差的原因主要在字体 CSS 的加载上。
因为想用 Serif 字体来打造一些莫名其妙的文艺感,再结合看到的某些文章和实际感受,serif 的体验在跨平台上似乎存在差距,所以就统一用了 WebFont。
再加上 Monospace 和 KaTeX,首屏加载确实有点重。
Monospace 和 Nerd 用的是 Maple Mono,如果牺牲掉一点样式,也可以用不带 CN 的版本然后小字体文件直接本地部署。
主要还是 S...