Free open source fonts out of the box for web pages. Visit Live Demo to have a look.
| Font Name | Font Repository | Copyright |
|---|---|---|
| zpix（最像素） | SolidZORO/zpix-pixel-font | Free for non-commercial personal or educational use. |
| MiSans | mi.com | Free and commercially available. |
| HarmonyOS Sans SC | developer.harmonyos.com | Free and commercially available. |
| FiraCode | tonsky/FiraCode | Free and commercially available. |
| CEFFontsCJK（快去写作业 CJK） | Partyb0ssishere/cef-fonts-cjk | Free and commercially available. |
| SentyCaramel（新蒂焦糖体） | www.sentyfont.com/caramel | Free for non-commercial personal use. |
| LXGWWenKai（霞鹜文楷） | lxgw/LxgwWenKai | Free and commercially available. |
| LXGWWenKaiMono（霞鹜文楷 - 等宽） | lxgw/LxgwWenKai | Free and commercially available. |
| LXGWWenKaiLite（霞鹜文楷 - 轻便） | lxgw/LxgwWenKai-Lite | Free and commercially available. |
| LXGWWenKaiMonoLite（霞鹜文楷 - 轻便 - 等宽） | lxgw/LxgwWenKai-Lite | Free and commercially available. |
| LXGWNeoZhiSongCHS（霞鹜新致宋 - 简） | lxgw/LxgwNeoZhiSong | Free and commercially available. |
How to use?
-
Download the font assets you want from the releases page and unzip them into your site's static resources directory.
-
Import the font CSS style file in the source code of your website, and set:
font-family: '<the font name>';