ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Blubook主题字体定制教程:如何玩转未来荧黑(Glow Sans SC)与10级字重

Blubook主题字体定制教程:如何玩转未来荧黑(Glow Sans SC)与10级字重 Blubook主题字体定制教程如何玩转未来荧黑Glow Sans SC与10级字重【免费下载链接】typora-blubook-themeBlubook, a flat typora theme.项目地址: https://gitcode.com/gh_mirrors/ty/typora-blubook-themeBlubook是一款为 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这个字体名下字重值字重名称字体文件100Thin极细blubook/GlowSansSC-Normal-Thin.otf200ExtraLight特细blubook/GlowSansSC-Normal-ExtraLight.otf300Light细体blubook/GlowSansSC-Normal-Light.otf400Regular常规blubook/GlowSansSC-Normal-Regular.otf500Book书宋blubook/GlowSansSC-Normal-Book.otf600Medium中等blubook/GlowSansSC-Normal-Medium.otf700Bold粗体blubook/GlowSansSC-Normal-Bold.otf800ExtraBold特粗blubook/GlowSansSC-Normal-ExtraBold.otf900Heavy黑体blubook/GlowSansSC-Normal-Heavy.otf500代码字体blubook/CascadiaCode.woff2 每一档font-face都带local(...)回退如果你系统里已装同名字体Typora 会优先调用系统字体加载更快。三、Blubook 如何分配每个字重Blubook 并非把所有字重平均使用而是「各司其职」核心配置都在 blubook.css 中正文bodyfont-weight: 500Book 档——比常规 400 略重屏幕上看更清晰H1~H5 标题font-weight: 800ExtraBold 档层次分明、一眼锁定重点引用块、强调文字使用 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),仅供参考
返回列表