Hexo 自定义字体

概述

当下之世界，字体^[1]大抵可分宋、楷、黑、艺四类，其形各异，其用有别。

宋，出自印刷工业，历来为纸质书籍中最为常用之字体，辨识度高，富有水墨文雅之气。其中佼佼者，有方正、adobe-std、思源等，余以为最佳者，思源宋体也。

楷，自古人手书文字演变而来，常用于文字引用、内容强调、古诗文排版等，气势浑厚，富有艺术感。其众者甚多，开源之霞鹜文楷可谓一优秀者也。

黑，现代设计思想浸润字体而成也，电子设备UI、网路版面、代码展示最常用之，如视窗、苹果、Linux三大操作系统，皆以黑体为基本。开源之黑体，余以文泉驿微米黑为上品。

艺，凡不属于其上三者，余皆为艺术字体也。艺术字体，设计师天马行空之创作，样式繁多，不可一概而论。其中GNU-Unifont为像素风格中最是完善者，其他如钢笔、书法等风格亦为余所喜者。

字体之选择

正文主宋，标题、代码用黑，引用为楷。此亦即 $\LaTeX$ 之原始版式，阅读体验甚好。下面为余所收集之字体下载网站，来访者前往可下载使用之。

字体之格式

字体皆以文件储存，格式为统一之用，现有TTF(TrueType Font)、OTF (OpenType Font)、WOFF(Web Open Font Format)、WOFF2为主流，其作用场景不同，文件大小各异。

论其大小，TTF与OTF大，WOFF小，WOFF2最小。另有一法，非取全字库而单取所用之诸字，则文件可简化也。

格式转换之工具

所用者书，不用者不书。

此处介绍一WOFF2生成工具：woff2

1 2	extra/woff2 1.0.2-4 Web Open Font Format 2 reference implementation

使用极为简单：woff2_compress oh_my_font.otf

╭─sion@sion in ~/下载 as admin took 222ms  
╰─λ woff2_compress HanyiSentyYongleEncyclopedia-2020.ttf  
Processing HanyiSentyYongleEncyclopedia-2020.ttf => HanyiSentyYongleEncyclopedia-2020.woff2  
Compressed 5800508 to 2911822.

尺寸几乎可减小一半。

再借由字体分块来提高加载速度，效果甚佳^[2]。

字体之引入

本地字体引入

此处使用css样式来引入

@font-face {
  font-family: 'yongle';	
  src: url(/fonts/HanyiSentyYongleEncyclopedia-2020.woff2);
  font-weight: normal;
  font-style: normal;
}

然而似乎并没有作用，怪事啊！怪事啊！

网络字体引入

谷歌字体

1	- <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500,600,800,900&display=swap" rel="stylesheet">

霞鹜文楷

1	- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-webfont/1.7.0/style.min.css" />

使用时直接更改选项即可：

butterfly主题配置文件

1
2
3

font-family: "LXGW WenKai"

#font-family: "Noto Serif SC",shusong,"LXGW WenKai"

此文所论皆开源或个人非商用字体，用者仍需斟酌一二，以防不必要之麻烦。 ↩︎
Drizzle，中文字体分片，2023.10.11 ↩︎