Blubook主题字体定制教程:如何玩转未来荧黑(Glow Sans SC)与10级字重
【免费下载链接】typora-blubook-themeBlubook, a flat typora theme.项目地址: https://gitcode.com/gh_mirrors/ty/typora-blubook-theme
Blubook是一款为 Typora 打造的扁平化主题,其最大亮点是内置了「未来荧黑」(Glow Sans SC)字体家族,覆盖 100~900 的完整字重体系,并搭配支持连字的 Cascadia Code 代码字体。本文带你从零理解字重分配逻辑,学会在 Blubook 主题中自由定制中文字体、英文字体与代码字体。
一、为什么选未来荧黑(Glow Sans SC)
普通主题常常「中文一个字体、英文又一个字体」,混排时容易割裂。Blubook 的正文统一使用 Glow Sans SC(未来荧黑),中英文混排视觉重量一致,长时间阅读不累。
它的三个优势:
- 📖阅读友好:字形结构清晰,中文书写与阅读都很舒服;
- 🔤字重齐全:从极细(Thin 100)到极粗(Heavy 900)一应俱全;
- 🎯几何精准渲染:主题开启了
text-rendering: geometricPrecision,字形边缘更锐利。
二、10级字重体系全解析
打开主题目录blubook/,你会看到10 个字体文件,由 fonts.css 通过@font-face逐档注册到Glow Sans SC这个字体名下:
| 字重值 | 字重名称 | 字体文件 |
|---|---|---|
| 100 | Thin(极细) | blubook/GlowSansSC-Normal-Thin.otf |
| 200 | ExtraLight(特细) | blubook/GlowSansSC-Normal-ExtraLight.otf |
| 300 | Light(细体) | blubook/GlowSansSC-Normal-Light.otf |
| 400 | Regular(常规) | blubook/GlowSansSC-Normal-Regular.otf |
| 500 | Book(书宋) | blubook/GlowSansSC-Normal-Book.otf |
| 600 | Medium(中等) | blubook/GlowSansSC-Normal-Medium.otf |
| 700 | Bold(粗体) | blubook/GlowSansSC-Normal-Bold.otf |
| 800 | ExtraBold(特粗) | blubook/GlowSansSC-Normal-ExtraBold.otf |
| 900 | Heavy(黑体) | blubook/GlowSansSC-Normal-Heavy.otf |
| 500 | 代码字体 | blubook/CascadiaCode.woff2 |
💡 每一档
@font-face都带local(...)回退:如果你系统里已装同名字体,Typora 会优先调用系统字体,加载更快。
三、Blubook 如何分配每个字重
Blubook 并非把所有字重平均使用,而是「各司其职」,核心配置都在 blubook.css 中:
- 正文
body:font-weight: 500(Book 档)——比常规 400 略重,屏幕上看更清晰; - H1~H5 标题:
font-weight: 800(ExtraBold 档),层次分明、一眼锁定重点; - 引用块、强调文字:使用 700 档 Bold;
- 代码块:交给
Cascadia Code,自动回退 Consolas、微软雅黑。
也就是说,你平时看到的正文是 500 档、标题是 800 档。想调整「正文粗细」,只需修改body的font-weight值即可,10 档字重随你挑选。
四、三步定制你自己的字体方案
Typora 支持通过主题文件夹下的base.user.css覆盖任意主题的字体设置,无需改动 Blubook 原文件:
第 1 步:在 Typora 中点击偏好设置 → 外观 → 打开主题文件夹,新建base.user.css文件。
第 2 步:写入你想覆盖的字体规则,例如把正文换成 300 档细体:
body { font-weight: 300; font-family: 'Glow Sans SC', -apple-system, sans-serif; }第 3 步:重启 Typora,效果立即生效。想换代码字体同理,修改代码块对应的font-family,把'Cascadia Code'替换成你喜欢的等宽字体即可。
⚠️
base.user.css优先级高于主题自带样式,改完不用回滚 Blubook 原文件,升级主题也不冲突。
五、代码字体 Cascadia Code 的连字彩蛋
Blubook 的代码块使用 Cascadia Code,它支持连字(Ligature):当你输入!=、=>、>=等符号时,会自动合并渲染成单个美观字符,写代码笔记的体验直接拉满。
总结
- 📌 Blubook 的正文灵魂是未来荧黑 Glow Sans SC,中文英文混排体验一流;
- 📌
blubook/目录下共10 个字体文件,fonts.css将 100~900 九档字重注册为同一字体名,另有 Cascadia Code 专司代码; - 📌 正文默认 500 档、标题 800 档,改
font-weight一个数字就能重塑整篇文档的气质; - 📌 用
base.user.css做字体定制,零风险、可逆、不污染主题源码。
现在打开 Typora,试试把正文改成 400 或 600 档,感受字重变化带来的阅读差异吧!
【免费下载链接】typora-blubook-themeBlubook, a flat typora theme.项目地址: https://gitcode.com/gh_mirrors/ty/typora-blubook-theme
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考