Font 字体

[!abstract] 本文要点
霞鹜文楷字体的 web 引用方法（直接引用 / Hexo 注入 / Fluid 主题）、MacType 字体渲染优化，以及字体类型与字体术语速查。

1. 霞鹜文楷字体

霞鹜文楷字体仓库

霞鹜文楷

  1. 关于在 web 中使用霞鹜文楷，请参阅 issue#24
    1. 其中 chawyehsu 提供了打包，竹林里有冰教程中引用的就是其打包字体，但是点进去仓库发现已经有半年没更新了。
    2. 在 issue 的下面我们可以看到 CMBill 提供了一个新的打包，我的教程就是这个打包。

在 CMBill 的仓库 README 中跳转 css 看看内容：

@import url('./lxgwwenkaigbscreen/result.css');
@import url('./lxgwwenkaimonogbscreen/result.css');
@import url('./lxgwwenkaimonoscreen/result.css');
@import url('./lxgwwenkaiscreen/result.css');

可以发现这个 css 分了几个不同的字体种类，有不同的霞鹜文楷变体可供选择。

将 style.css 替换为 @import url 之后的内容（去掉./），就可以直接使用了。

1.1. 我的博客字体文件

https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css

1.2. 使用方法

1.2.1. 直接引用

直接将文后提供的链接以 <link> 的形式添加到网页的 <head> 内即可。

<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css" />
  <style>
    body {
      font-family: "LXGW WenKai Screen";
      font-weight: normal;
    }
  </style>
</head>
<body>
  
</body>
</html>

1.2.2. Hexo 博客

如果你使用的是 Hexo 博客，可以采用 注入 的方式，将字体 css 注入到你的博客中。

首先在根目录创建一个 scripts 文件夹，然后在 scripts 文件夹中创建一个 font.js 文件，内容如下：

hexo.extend.injector.register('head_end',
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css" />',
'default');

然后修改你的主题配置文件

font:
  font_size: 17px
  font_family: "LXGW WenKai GB"
  letter_spacing: 0.02em
  code_font_size: 85%

1.2.3. Fluid 主题

如果你使用 Hexo 的 Fluid 主题，那么恭喜你，替换字体很简单，只需要在主题的配置文件里加上一行 custom_css: https://xxxx 代码就可以了，再修改 font_family。

比如我的是 fontFamily: LXGW WenKai GB。

# 主题字体配置
font:
  font_size: 17px
  font_family: "LXGW WenKai GB"
  letter_spacing: 0.02em
  code_font_size: 85%

custom_js:
custom_css: https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css

2. 字体

2.1. 霞鹜文楷字体

网址：lxgw/LxgwWenKai: An open-source Chinese font derived from Fontworks’ Klee One. 一款开源中文字体，基于 FONTWORKS 出品字体 Klee One 衍生。 (github.com)

https://github.com/lxgw/LxgwWenKai

安装

scoop bucket add nerd-fonts && scoop install LXGWWenKai

3. MacType 字体

网址：https://github.com/snowie2000/mactype

MacType 是一个开源软件，它优化了 Windows 系统的字体渲染，提供了超越 Mac 的视觉效果。它适用于 Windows XP 至 Windows 10。安装简便，推荐使用 MacTray 方式，系统托盘会有控制图标，方便用户配置。
开源项目：

https://github.com/snowie2000/mactype

官方下载：http://www.mactype.net

[!NOTE] issue
GitHub issue 较多，浏览器下载报病毒，未下载。

4. 字体类型

4.1. 标准字体

  1. 标准字体是指经过设计的、专门用以表现企业名称或品牌的字体。故标准字体设计，包括企业名称标准字和品牌标准字的设计。
  2. 标准字体是企业形象识别系统中基本要素之一，应用广泛，常与标志联系在一起，具有明确的说明性，可直接将企业或品牌传达给观众，与视觉、听觉同步传递信息，强化企业形象与品牌的诉求力，其设计的重要性与标志具有同等重要性。

4.2. 衬线字体

衬线字体：指的是笔画粗细不一，有明显笔锋的字体。

4.3. 无衬线字体

无衬线字体：指的是笔画粗细一致，没有笔锋的字体。

4.4. 等宽字体

每个字母的水平宽度都是相同的。

5. 术语

  1. mono：即 Monospaced，等宽字体
  2. sans：即 Sans-Serif，无衬线体
  3. gothic：哥特体，即无衬线体
  4. bold：粗体
  5. italic：斜体
  6. bolditalic：加粗斜体
  7. regular：常规体
  8. sc：即 Simplified Chinese，简体中文
  9. tc：即 Traditional Chinese，繁体中文
  10. cl：即 Classical Literature，《康熙字典》字形
  11. j：即 Japanese，日文
  12. ligature：连体字符，举例来说，会把 != 变成 ≠