FlatPaper 现在支持通过主题配置加载 Google Fonts 了。你可以给正文和代码块分别设置字体,也可以配置 CDN 域名,用镜像服务替代默认的 fonts.googleapis.com。
这个功能默认关闭,不会影响已有站点。开启后,主题会在页面 <head> 里注入 Google Fonts 样式表,并用 CSS 变量把字体应用到正文或代码块。
演示站使用配置
当前演示站使用了这组配置:
1 |
|
fonts 用于正文,按顺序填写字体名称即可;mono 用于代码块,也按顺序填写等宽字体名称。如果只想改代码字体,可以只配置 mono,不写 fonts。
字段说明
| 字段 | 说明 |
|---|---|
enable |
是否启用 Google Fonts 加载,默认 false |
cdn |
Google Fonts 样式表域名,可改为镜像域名 |
fonts |
正文字体列表,越靠前优先级越高 |
mono |
代码块等宽字体列表,越靠前优先级越高 |
字体加载固定使用 display=swap,所以即使远程字体加载较慢,页面也会先用本地 fallback 字体显示,不会长时间空白。
小提示
- 字体名称直接写 Google Fonts 里的名称即可,不需要写复杂的
family=查询参数。 cdn只负责替换 Google Fonts CSS 的域名;实际字体文件地址由返回的 CSS 决定。- 中文字体通常体积较大,建议只加载确实需要的字体。
- 像
Caveat这样的字体主要覆盖拉丁字符,中文仍会回退到主题默认中文字体栈。























