代码字体换成 Maple Mono,并修好断掉的等宽回退链
按站主要求,代码/等宽字体改用 Maple Mono(ZeoSeven 上编号 443, 那边叫 ZSFT-443)。它是一款专为编程设计的开源等宽字体,带连字, 这里用可变字体单文件(normal 114 KB / italic 135 KB)。 改动 - global.css 顶部加两条 @font-face(放在所有 @import 之后), 指向 https://fontsapi.zeoseven.com/443/{main,italic}.woff2 - 字族名直接叫 "Maple Mono" 而不是 ZeoSeven 的编号 "ZSFT-443" —— @font-face 的名字由我们自己定,用真实字体名更好维护 - --font-mono 从 "Geist Mono", "Geist Mono Fallback" 换成 "Maple Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace 顺带修掉一个真 bug 原来那串只有 "Geist Mono", "Geist Mono Fallback" —— 两个名字既没有 @font-face 也没装在机器上,等于整条回退链是断的,浏览器会退回默认字体 (不是等宽)。受影响的是内联代码(global.css 里那条 var(--font-mono)) 和组件里 29 处 font-mono(时间线日期、偶得时间戳、专题元信息、灯箱说明…)。 代码块不用另外改 astro.config.mjs 里 expressive-code 的 codeFontFamily 已经写成 "var(--font-mono), ui-monospace, …",所以改 --font-mono 一处, 代码块、内联代码、组件里那些 font-mono 一起生效。 正文与 Google Fonts 保持不动(站主确认)。 验证:pnpm build 退出码 0 - 产物 CSS 里两条 @font-face 都在,外部 URL 未被 Vite 改写 - --font-mono 已解析为 "Maple Mono", ui-monospace, … - experssive-code 侧仍引用 var(--font-mono),自动继承 - 字体文件实测可下(main 116712B / italic 137812B)
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"updatedAt": "2026-09-17T10:36:53.871Z",
|
"updatedAt": "2026-09-17T12:00:02.913Z",
|
||||||
"source": "weread",
|
"source": "weread",
|
||||||
"books": [
|
"books": [
|
||||||
{
|
{
|
||||||
@@ -10,10 +10,10 @@
|
|||||||
"cover": "https://wfqqreader-1252317822.image.myqcloud.com/cover/299/26678299/t6_26678299.jpg",
|
"cover": "https://wfqqreader-1252317822.image.myqcloud.com/cover/299/26678299/t6_26678299.jpg",
|
||||||
"progress": 35,
|
"progress": 35,
|
||||||
"finished": false,
|
"finished": false,
|
||||||
"lastReadAt": "2026-09-16T15:43:49.000Z",
|
"lastReadAt": "2026-09-17T11:58:14.000Z",
|
||||||
"startedAt": "2026-09-04T16:07:07.000Z",
|
"startedAt": "2026-09-04T16:07:07.000Z",
|
||||||
"finishedAt": null,
|
"finishedAt": null,
|
||||||
"readingSeconds": 4673,
|
"readingSeconds": 4908,
|
||||||
"deepLink": "https://weread.qq.com/book-detail?type=1&v=34c329807197141b34cf1db"
|
"deepLink": "https://weread.qq.com/book-detail?type=1&v=34c329807197141b34cf1db"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
+39
-1
@@ -6,6 +6,33 @@
|
|||||||
|
|
||||||
@custom-variant dark (&:is(.dark *));
|
@custom-variant dark (&:is(.dark *));
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 代码 / 等宽字体:Maple Mono
|
||||||
|
*
|
||||||
|
* ZeoSeven 上编号 443(那边把它叫 ZSFT-443),本名 Maple Mono ——
|
||||||
|
* 一款专为编程设计的开源等宽字体,带连字。这里用的是可变字体单文件
|
||||||
|
* (main 114 KB / italic 135 KB),只在页面真的用到等宽字体时才会下载,
|
||||||
|
* 不会每个访客都拉。
|
||||||
|
*
|
||||||
|
* 改了字族名:ZeoSeven 那边叫 "ZSFT-443",那是个没信息量的编号,
|
||||||
|
* 这里直接用真实名字 "Maple Mono"(@font-face 的名字由我们自己定)。
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Maple Mono";
|
||||||
|
src: url("https://fontsapi.zeoseven.com/443/main.woff2") format("woff2");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Maple Mono";
|
||||||
|
src: url("https://fontsapi.zeoseven.com/443/italic.woff2") format("woff2");
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
/* Red & White Apple-inspired theme */
|
/* Red & White Apple-inspired theme */
|
||||||
/*
|
/*
|
||||||
@@ -168,7 +195,18 @@
|
|||||||
--font-serif: "Noto Serif SC", "Source Han Serif SC", "Playfair Display", "Georgia", serif;
|
--font-serif: "Noto Serif SC", "Source Han Serif SC", "Playfair Display", "Georgia", serif;
|
||||||
--font-serif-cn: "Noto Serif SC", "Source Han Serif SC", "Georgia", serif;
|
--font-serif-cn: "Noto Serif SC", "Source Han Serif SC", "Georgia", serif;
|
||||||
--font-display-serif: "Playfair Display", "Georgia", serif;
|
--font-display-serif: "Playfair Display", "Georgia", serif;
|
||||||
--font-mono: "Geist Mono", "Geist Mono Fallback";
|
/*
|
||||||
|
* 代码块 / 内联代码 / 时间戳等所有等宽场景。
|
||||||
|
*
|
||||||
|
* 原来只写了 "Geist Mono", "Geist Mono Fallback" —— 这两个名字既没有
|
||||||
|
* @font-face 也没装在机器上,等于整条回退链是断的,浏览器会退回默认字体
|
||||||
|
* (不是等宽)。现在换成 Maple Mono,后面接真正的等宽回退。
|
||||||
|
*
|
||||||
|
* 代码块那侧不用另外改:astro.config.mjs 里 expressive-code 的
|
||||||
|
* codeFontFamily 已经写成 "var(--font-mono), ui-monospace, …",
|
||||||
|
* 所以这里一改,代码块、内联代码、以及组件里那些 font-mono 一起生效。
|
||||||
|
*/
|
||||||
|
--font-mono: "Maple Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
|
||||||
--color-background: var(--background);
|
--color-background: var(--background);
|
||||||
--color-foreground: var(--foreground);
|
--color-foreground: var(--foreground);
|
||||||
--color-surface-subtle: var(--surface-subtle);
|
--color-surface-subtle: var(--surface-subtle);
|
||||||
|
|||||||
Reference in New Issue
Block a user