Woff2 字体引入星度主题中

  • 在 后台--主题--扩展设置--自定义 css 中引入如下内容,并在 资源优化 中将 定义好的字体名称 填入:

@font-face {
  font-family: 'guanyufont';
  src: url('https://alist.master-jsx.top/d/woff2/Map.woff2?sign=8P1To_NlZJWkiedJs6E1vsXlHhMzkCfSRZOVQFcrobw=:0') format('woff2');   /* 链接地址可以写本地也可以写连接 */
  font-display: swap; /* 确保字体加载时不会影响渲染 */
}

/* 应用到所有元素 */
* {
  font-family: 'guanyufont', -apple-system, sans-serif !important;
}

686251f168203.png

分包字体引入星度主题中

  • 在 后台--主题--资源优化 中引入分包字体中的 result.css 文件:

    • 注: 字体的自定义名称必须是 result.css 中的名称才可调用成功!

霞鹜文楷:「开源免费+屏幕优化」的国风楷书 WOFF2 分包

🔍 字体概况

  • 开发者:国人开发者「落霞孤鹜」(网名)

  • 风格定位:以毛笔小楷为灵感,融合现代印刷字体的易读性,笔画圆润不生硬,结构舒展不拥挤,自带「手写笔记」的亲切感。

  • 核心优势:开源免费(SIL Open Font License 1.1,允许商用)、全中文字符覆盖(含生僻字、标点符号)、专为屏幕显示优化(小字清晰、无锯齿)、支持多字重(Regular/Bold/Medium等)。

✨ 为什么适合博客?

相比常见的宋体/黑体,霞鹜文楷有三个「不可替代」的优势:

  1. 「国风感」拉满:如果你写诗词赏析、古籍解读、汉服文化、书法心得,霞鹜文楷的楷书笔触能让内容和形式更统一(比如标题「《兰亭集序》里的「永字八法」」,用楷书呈现自带氛围感)。

  2. 正文阅读「不累眼」 :很多手写字体因连笔过多、笔画潦草,不适合长文,但霞鹜文楷优化了「屏幕可读性」——横画收笔轻微顿笔(保留楷书特征),竖画粗壮稳定,字号14px以上阅读流畅,适合千字长文。

  3. 免费商用无压力:作为开源字体,个人/企业博客、公众号排版、甚至印刷品(如博客周边卡片)都可直接使用,无需额外授权。

👁效果展示

Maple Mono:不止「等宽」,更是「为中文场景而生」 WOFF2 分包

🔍 字体起源与定位

Maple Mono 是由国内开发者 GitHub@subframe7536 主导开发的开源等宽字体,灵感源于「解决中文技术文档/代码注释的排版痛点」。它以 JetBrains Mono(经典开发者字体)为英文基底,融合了「霞鹜文楷」「Source Han Sans」等中文字体的设计理念,专为「中英文混排」的技术场景优化。

✨ 四大核心优势(为什么值得选?)

1. 严格「中文等宽」,混排工整不出错

这是 Maple Mono 最核心的竞争力:

  • 英文/数字宽度 = 1个单位中文字符宽度 = 2个单位(标准 2:1 等宽比例),代码注释中中英文穿插时,对齐线笔直(如 // 这是一条中文注释 example,中文与英文严格对齐)。

  • 对比其他「伪等宽」字体(中文宽度略大于2个英文,导致换行错位),Maple Mono 在 VS Code、Typora、博客代码块中的显示效果「强迫症友好」。

2. 中文字形:清晰、舒展,拒绝「压缩感」

许多等宽字体为了强行等宽,会将中文字符压缩成「矮胖方块」,笔画粘连模糊(尤其小字号)。Maple Mono 优化了:

  • 笔画间距:竖画、撇捺舒展不拥挤(如「代码」「函数」等常用词清晰易辨);

  • 重心平衡:中文字符重心居中,避免偏斜(对比部分字体「上重下轻」的视觉疲劳感);

  • 屏幕适配:针对 12-16px 常用字号优化抗锯齿,显示器/笔记本屏幕显示锐利。

3. 英文与符号:开发者友好的「细节控」

继承 JetBrains Mono 的优秀基因,英文部分保留了开发者关注的细节:

  • 区分度高:数字 0 带斜线、字母 l(小写L)顶部有小弯钩、 i 带点且与 j 区分明显,避免代码中 0/O 1/l/I 混淆;

  • 代码符号优化:括号 () {} [] 略微加宽,增加视觉包裹感;等号 =、箭头 ->、注释符号 // 等常用符号边缘平滑,减少「毛刺感」;

  • 可选「连字特性」 (Ligatures):支持 => 显示为 != 显示为 <= 显示为 等(需在编辑器中开启),让代码更像「符号化语言」而非纯字符堆砌。

4. 开源免费,多场景适配无压力

  • 授权协议:SIL Open Font License 1.1,个人/商用完全免费,可用于代码编辑器、技术文档、博客网站、App 界面等;

  • 格式齐全:提供 TTF、OTF、WOFF2 格式,支持 Windows/macOS/Linux 系统,以及 VS Code、WebStorm、Sublime Text 等主流编辑器;

  • 多字重可选:Regular、Bold 等常用字重,满足代码高亮(粗体关键词)与正文显示的区分需求。

👁效果展示

悠哉Yozai-Medium:一款具有「独特风格」的字体! 分包

🔍 字体起源与定位

一款具有独特风格的字体,具有独特的线条粗细对比和笔画形态,适用于多种设计场景,如海报、标题、品牌标识等。

设计特征

  1. 线条粗细

    • 中等笔触:正如名称中“Medium”所表示的含义,Yozai-Medium 的笔画粗细程度处于中等水平。这种粗细的笔画不会过于纤细而显得柔弱,也不会过于粗壮而显得笨重,在视觉上能给人一种平衡、稳定的感觉,易于辨识。

    • 粗细均匀:该字体的笔画粗细较为均匀,每一笔画的宽度在其延伸过程中变化不大。这种特性使得字体整体风格统一,在排版时能够营造出整齐、规范的视觉效果,不会因笔画粗细的大幅变化而产生杂乱感。

  2. 字形结构

    • 简洁规整:Yozai-Medium 的字形设计简洁明了,遵循了较为传统和规整的汉字结构原则。每个汉字的笔画布局合理,重心平稳,给人一种端庄、正式的印象。例如,“中”“田”等结构较为对称的字,在这款字体中能体现出极佳的对称美感;对于一些结构较为复杂的字,如“體”(体)“嚮”(向)等,也能通过清晰的笔画组合,展现出良好的可读性和视觉协调性。

    • 方形字腔:字体的字腔(即笔画所围成的空间)接近方形,这种设计特点使得文字在排列时能够紧密而有序地组合在一起,形成整齐的文本块。方形字腔也有助于提升文字的视觉稳定性,使其在不同字号下都能保持较好的形态。比如在段落排版中,Yozai-Medium 能够营造出一种规整、统一的视觉氛围,适合用于需要体现秩序感和正式感的文本内容,如书籍正文、说明书等。

  3. 笔画形态

    • 边角处理:笔画的边角部分处理得较为圆润。这种圆润的边角设计赋予了字体一种柔和的气质,使其在视觉上更加亲和,减少了尖锐边角可能带来的生硬感和攻击性。例如,在一些具有亲和力的品牌标识、儿童读物或温馨主题的设计中,Yozai-Medium 的圆润边角能够很好地传达出温暖、友好的情感。

    • 起笔收笔:起笔和收笔处简洁利落,没有过多的装饰性笔触。这种简洁的处理方式使字体显得更加现代和简约,符合当下一些追求简洁风格的设计趋势。同时,也有助于提高文字的书写速度和识别效率,在快速阅读的场景中能够让读者更轻松地捕捉文字信息。

👁效果展示 世上云川

后续将会在此处继续补充好用的字体包,敬请期待!