视频加载失败

字体展示

正文 bodyWork Sans(拉丁)→ 汉仪文黑 65W(中文)本地 woff2 / 本地 TTF · --font-work-sans + --font-hanyi-wenhei

The quick brown fox jumps over the lazy dog.

萤火虽微,愿为其芒——这是正文里中文的实际样子。

这一整段就是网站正文的默认字体链:拉丁字母先吃 Work Sans,碰到汉字自动回退到汉仪文黑, 最后由系统字体兜底。正文里的列表、按钮、说明文字全部长这样。

Regular 400Medium 500SemiBold 600Bold 700
标题 h1–h6Playfair Display(拉丁衬线)→ 思源宋体(中文衬线)本地 woff2 / 本地 OTF · --font-heading

Editorial Headlines in Playfair Display

这是文章大标题的中文衬线效果

全站所有 h1–h6 都走这条链:西文用 Playfair 的高对比衬线,中文交给思源宋体, 文章页标题、卡片标题、横幅大字全是它。

Bold 700Black 900Italic 700Italic 900
主页横幅主标题Zen Maru Gothic(Zen 円ゴシック · 圆体)Fontsource · --font-zen-maru-gothic

Welcome Home! Rounded & Friendly

圆滚滚的字体,ホームへようこそ

只用在首页横幅的大标题上——圆角笔画跟本站的圆润风格是一路的,日文假名也好看。

Light 300Regular 400Medium 500Bold 700
主页横幅副标题Inter(界面无衬线)Fontsource · --font-inter

Typography makes the interface feel alive — 0123456789

横幅副标题专用。中性、现代、数字辨识度高,跟主标题的圆体形成对比。

Light 300Regular 400Medium 500Bold 700
代码 行内 & 代码块JetBrains MonoFontsource · --font-code

const firefly = 'glow'; // I = l | 0 vs O

行内 font-family: JetBrains Mono 和文章代码块都用它,等宽、易区分 0/O。

export function subsetFonts(chars: string) { const woff2 = await compress(chars); return woff2.byteLength < 480 * 1024; }
导航栏标题跟随正文(未单独配置)navbarTitleFont: "" → Work Sans + 汉仪文黑

Firefly Blog

导航栏上的站名长这样

闲置 · 未启用GreatVibes(英文花体)本地 OTF · 配置了但没有任何区域引用

Firefly Signature

这个花体在 fontConfig 里登记过,但 selected 和所有区域字段都没引用它—— 所以站点上任何地方都看不到,纯属占坑。要装饰性英文签名可以考虑启用。

Profile Image of the Author
陌殊途左沐
热爱是拯救无趣人生的唯一途径
公告
欢迎来到我的博客!这里是左沐的个人空间,分享我的学习、生活和兴趣爱好。希望你能在这里找到有趣的内容,请不要对我的喜好做出评价哦!请勿使用公网访问本站。
分类
访客信息
加载中...
标签
最新动态
站点统计
文章
30
分类
2
标签
52
总字数
58,096
运行时长
0 天
最后活动
0 天前
总浏览量
-
访客数
-
文章目录

当前页面没有目录