diff --git a/docs/操作指南.md b/docs/操作指南.md index ff0938b..3d50be1 100644 --- a/docs/操作指南.md +++ b/docs/操作指南.md @@ -299,40 +299,6 @@ sudo sysctl fs.inotify.max_user_watches=524288 如果连空态提示都看不到，检查 `src/data/reading.json` 是否存在（这个文件要提交进 git）。 -**想换字体 / 字体是从哪加载的** - -全部由 `src/layouts/BaseLayout.astro` 顶部的 `fontStylesheets` 数组决定， -走 jsdelivr 上的 Fontsource 包（**不用 Google Fonts**，国内访问不稳）： - -| 层级 | 字体 | 用在哪 | -|---|---|---| -| 门面整体（宋）| 霞鹜新致宋 `LXGW Neo ZhiSong` | 门面档全部文字（站点名、首页那句话、卡片标题、UI）| -| 标题（宋）| 思源宋体 `Noto Serif SC Variable` | 文章页标题、页面标题 | -| 正文/UI（黑）| 思源黑体 `Noto Sans SC Variable` | 文章正文、界面、按钮 | -| 西文 | `Inter Variable` + `Playfair Display` | 西文与数字、展示衬线 | - -门面（`fontProfile="interface"`）整体走宋体，文章页保持黑体 —— 宋体在长正文里 -不如黑体好读。门面之所以能用宋体，是因为它没有大段正文。 - -> ⚠️ **霞鹜新致宋只有 ZeoSeven 有分包版本。** jsdelivr 上的 -> `lxgw-neo-zhisong-webfont` 是**单文件 4.45 MB、没有 unicode-range**， -> 每次全量下载，**不能用**。ZeoSeven 把它切成 145 个 unicode-range 分包， -> 浏览器只下页面用到的那几个。 -> 另外它**只有 400 一个字重**，门面里的 `font-medium/semibold/bold` -> 都是浏览器合成的加粗；嫌糊就把那几处改成常规字重。 - -字族名的对应关系写在 `src/styles/global.css` 的 `--font-*` token 里。 -改字体只需动这两处，不用碰组件。 - -两个要点： - -- **CJK 用可变字体**（一份 CSS 覆盖 100–900 全字重），不要改成按字重加载 —— - 那样每个字重一份 105 KB 的 CSS，四档就是 420 KB -- 每份 CSS 内含约 100 条带 `unicode-range` 的 `@font-face`，浏览器只下载当前页面 - 实际用到的那几个分包。完整思源黑体是 3.3 MB，但一页通常只命中 100–300 KB -- 霞鹜文楷**只在门面档加载**（`fontProfile="interface"`）；文章页没加载它， - 所以 `--font-display-sans` 里它排在思源黑体前面、由浏览器自动回退 - **改了 markdown 插件却不生效** Astro 会把渲染好的文章缓存到 `node_modules/.astro`，而这个缓存**只按 markdown diff --git a/src/components/hero.tsx b/src/components/hero.tsx index 3a7dcd2..0b2a466 100644 --- a/src/components/hero.tsx +++ b/src/components/hero.tsx @@ -175,7 +175,7 @@ export function Hero() { */}

{renderText()}

diff --git a/src/components/site-header.astro b/src/components/site-header.astro index 53a6ac2..2bae6cc 100644 --- a/src/components/site-header.astro +++ b/src/components/site-header.astro @@ -36,7 +36,7 @@ const isCurrent = (href: string) => class="w-full h-full object-cover" />
- + {/* 字号只在 lg 以上放大：768–1023 这段页眉本来就挤（导航 + 搜索框 + 主题按钮 diff --git a/src/data/reading.json b/src/data/reading.json index a3b704c..6f2d0ee 100644 --- a/src/data/reading.json +++ b/src/data/reading.json @@ -1,5 +1,5 @@ { - "updatedAt": "2026-09-17T11:44:18.544Z", + "updatedAt": "2026-09-17T10:36:53.871Z", "source": "weread", "books": [ { @@ -10,10 +10,10 @@ "cover": "https://wfqqreader-1252317822.image.myqcloud.com/cover/299/26678299/t6_26678299.jpg", "progress": 35, "finished": false, - "lastReadAt": "2026-09-17T11:43:28.000Z", + "lastReadAt": "2026-09-16T15:43:49.000Z", "startedAt": "2026-09-04T16:07:07.000Z", "finishedAt": null, - "readingSeconds": 4678, + "readingSeconds": 4673, "deepLink": "https://weread.qq.com/book-detail?type=1&v=34c329807197141b34cf1db" }, { diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 1b6644f..fc722cd 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -41,40 +41,7 @@ const { fontProfile = "reading", } = Astro.props as Props -/** 门面档（首页、书架、专题、相册…）额外加载霞鹜文楷做点睛；文章页不需要 */ -const isInterfaceProfile = fontProfile === "interface" - -const FONTSOURCE_CDN = "https://cdn.jsdelivr.net/npm" -const ZEO_SEVEN_CDN = "https://fontsapi.zeoseven.com" -/** 霞鹜新致宋。145 个 unicode-range 分包，CSS 约 54 KB（gzip） */ -const ZHI_SONG_CSS = `${ZEO_SEVEN_CDN}/22/main/result.css` - -/* - * 字体清单。全部走 jsdelivr 上的 Fontsource 包，不再依赖 Google Fonts。 - * - * - CJK 用**可变字体**：一份 CSS 覆盖 100–900 全字重，不用为 400/500/600/700 - * 各下一份（那样是 4 × 105 KB） - * - 每份 CSS 内含约 100 条带 unicode-range 的 @font-face，浏览器只下载当前 - * 页面实际用到的那几个分包，不是整包 - * - 体积（gzip）：文章页 ≈ 65 KB；门面再加文楷两档 ≈ 127 KB。 - * 原来的 Google Fonts + 鸿蒙方案是 62.5 / 125.5 KB，基本持平 - */ -const fontStylesheets = [ - // 西文：正文与展示衬线 - `${FONTSOURCE_CDN}/@fontsource-variable/inter@5/index.css`, - `${FONTSOURCE_CDN}/@fontsource/playfair-display@5/index.css`, - // 中文黑体（正文/UI）与宋体（标题） - `${FONTSOURCE_CDN}/@fontsource-variable/noto-sans-sc@5/index.css`, - `${FONTSOURCE_CDN}/@fontsource-variable/noto-serif-sc@5/index.css`, - /* - * 门面点睛：霞鹜新致宋（LXGW Neo ZhiSong）。 - * - * 它只有 ZeoSeven 有带 unicode-range 分包的版本 —— jsdelivr 上那个 - * lxgw-neo-zhisong-webfont 是**单文件 4.45 MB、无分包**，每次全量下载，不能用。 - * ZeoSeven 把字体切成 145 个 unicode-range 分包，浏览器只下页面用到的那几个。 - */ - ...(isInterfaceProfile ? [ZHI_SONG_CSS] : []), -] +const useHarmonySans = fontProfile === "interface" const canonicalUrl = canonical || Astro.url.toString() const resolvedOgTitle = ogTitle || title const resolvedOgDescription = ogDescription || description @@ -103,11 +70,27 @@ const resolvedTwitterDescription = twitterDescription || description - {/* 字体全部走 jsdelivr 上的 Fontsource：CJK 用可变字体 + unicode-range 分包， - 不再依赖 Google Fonts（国内访问不稳）。清单见上方 fontStylesheets。 */} - - {isInterfaceProfile ? : null} - {fontStylesheets.map((href) => )} + + + {useHarmonySans ? : null} + {useHarmonySans ? ( + <> + + + + ) : null} + @@ -229,7 +212,7 @@ const resolvedTwitterDescription = twitterDescription || description - +