Font 字体

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- 我的博客字体文件

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

2- 使用方法

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>

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%

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- 字体

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较多,浏览器下载报病毒,未下载

字体类型

1- 标准字体

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

2- 衬线字体

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

3- 无衬线字体

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

4- 等宽字体

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

术语

  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：连体字符，举例来说，会把 != 变成 ≠