正文字体试验场
全站正文眼下跑在 Inter + Noto Sans SC 上(编辑式排版 v1 的裁定),这一页决定它接下来是谁。上方的两段真文章就是样张——不是字体样张字,是这个站读书笔记与随笔的原生口吻,15.5 像素、1.85 倍行距,与主站文章页同一套呼吸。点下方候选只是试穿,样张立刻换一副面孔;到底部点「应用」才写进这台浏览器。返回 Playground。
这个站的读书笔记多半从一场交互式导读里长出来:我先读原文,AI 分段领读、抛出研讨课级别的问题,我把回答敲回去,评估再接下一段,最后成文的是整场对话的原始记录,前面配一张文献卡片和几套引文格式。读组织社会学那类论文时,一个概念区分站不站得住脚,要在争论里过一遍才算数;读脑科学讲义那种线下书时节奏放得更慢,笔记本里攒的是我随手的疑问和页边批注,AI 只做记录者和评价者。这些字最终落在屏幕上是什么脾气,很大程度取决于笔画本身——同一句话,方硬的 sans 与圆润的圆体读起来完全是两种口吻。
随笔那一侧写得更杂:搭这个站本身的经过——Hexo 的构建管线、Astrarium 主题的皮肤手术、设计令牌怎么从一枚 JSON 长成全站的排版纪律;也有翻译、备忘和一点故事。这类文章常常中英混排,代码名词嵌在中文句子里,字体的 x 高度与字重衔接就格外要紧,差一点就有缝。你现在看到的这一段用的就是当前试穿的正文字体,切一下下方的候选,两段文字立刻换装——圆一点的字让长句软下来,方一点的字让论证立起来,读完再到底部决定全站正文该是哪副面孔。
font.primary
三位候选的介绍与设计思路
与主站排版的联动
链路一条到底:控制项「主要字体」→ 令牌 font.primary → 写在 <html> 上的 CSS 变量 --mc-font-body → 接线层 source/css/tokens.css §1 的采纳选择器:body、.post-content p/li(文章与笔记正文)、.recent-post-item .article-meta(列表元信息)、.card-widget .item-content(侧栏卡片)。标题不在此列——它们归 font.display 管,去标题页调。
样张规格即主站参数:15.5px 字号、1.85 行距、两端对齐,字体栈兜底 PingFang SC / Microsoft YaHei;Inter 与 Noto Sans SC 由生成的 tokens-defaults.css 从 Google Fonts 引入(加载不动时回落栈内中文系),M PLUS Rounded 1c 与 Zen Maru Gothic 由主题 anime-theme.css 常备 @import。生效路径:本页试穿实时(preview 只写 <html>);点「应用」写 localStorage,其余页面刷新后由 <head> 内联 boot 应用;URL 直达 /playground/body-font/?font.primary=mplus-rounded 进本页自动转为试穿态。要定全站默认:到风格输入输出台「导出」交给助手改 tokens.json 后重建。
两处不吃这枚令牌:首页 Hero 的诗句与副标题区的每日一句是装饰件,被 anime-theme.css 里带 !important 的规则钉在自己的字体上,正文换字它们不动。