Typography

活版印字

免费可商用字体

发布于

缘起：众所周知，微软雅黑等于方正钓鱼体，由于笔者 web 项目较多，故开此 Repo 用做字体存储，助力提供优质中文 Web 字体的免费资源库，旨在为开发者、设计师提供多样化的中文字体选择。

字体列表

除了不到一两百KB的字体，其余字体均做分包处理

中文字体英文字体备注
苹方TESLA 非商用，仅自用
思源Bebas-Neue
霞鹜文楷Quicksand
萌神Montserrat
方正楷体DingTalk Sans
张清平楷书、行书JetBrainsMono
锐字真言体ComicNeue
钉钉进步体KesawanScript
旁门正道粗书体FreeStyleScript 非商用，仅自用
资源圆体UnifrakturMaguntia
得意黑Playball
HarmonyOS SansGreatVibes
Mi Sans 注意小字条款
Oppo Sans

应用范围：文字排版、博客、文档、PPT、烂大街广告

使用方式举例

常规

注：字体文件夹由 assets 调整到 public

1 打开 https://www.jsdelivr.com/github

2 导入

@import url('https://cdn.jsdelivr.net/gh/hoochanlon/fonts@main/assets/LXGWWenKai-Regular/result.css');

cdn

方式一：将 fonts.googleapis.com 替换为 fonts.loli.net、fonts.bunny.net

<!-- 替换前 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet" />

<!-- 替换后 -->
<link href="https://fonts.loli.net/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet" />

<link href="https://fonts.bunny.net/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet" />

方式二：staticdelivr

<!-- 示例 -->
https://cdn.staticdelivr.com/gfonts/css2?family=Font+Name

<!-- 应用方式 -->
https://cdn.staticdelivr.com/gfonts/css2?family=Open+Sans

对象存储

推荐站点：

或无服务器部署：https://deno.com

其他