Skip to content

mobeicanyue/lxgw-wenkai-gb-web

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 

Repository files navigation

LXGW WenKai GB / 霞鹜文楷 GB 网络字体仓库

其他版本霞鹜文楷字体的网络字体仓库:

NPM Version JsDelivr Hits

简介

LXGW WenKai GB / 霞鹜文楷 GB霞鹜文楷 进一步调整字形和笔形后,符合 G 源字形规范的字体,目前包含《通用规范汉字表》8105 个汉字。字体详情请参阅原字体仓库。

为使原字体更适合进行网络分发,本仓库使用 Github Action,利用中文网字计划开发的字体分包工具对原字体分包,网页加载时只需获取所使用的文字所在的分包,大幅降低所需加载的大小,提升网页加载速度。并已提交 npm 包,进一步利用公开 CDN。

为方便使用,本仓库的版本号将与字体原仓库版本号尽量一致。目前只提供了 v1.011 及之后的版本。

使用

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

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

这样引入 style.css 的可以调用仓库包含的所有字体,使用字体时以表格中所示 font-familyfont-weight 在 CSS 中调用即可。

字体 font-family font-weight
LXGW Wenkai GB LXGW Wenkai GB normal
LXGW Wenkai GB Bold LXGW Wenkai GB bold
LXGW Wenkai GB Light LXGW Wenkai GB Light normal
LXGW WenKai Mono GB LXGW WenKai Mono GB normal
LXGW WenKai Mono GB Bold LXGW WenKai Mono GB bold
LXGW WenKai Mono GB Light LXGW WenKai Mono GB Light normal

如果只需某一特定的字体,也可只引用其对应分包的 CSS 文件,将如下表格中 repositoryURL 替换为仓库的链接即可。

字体 链接
LXGW Wenkai GB https://repositoryURL/lxgwwenkaigb-regular/result.css
LXGW Wenkai GB Bold https://repositoryURL/lxgwwenkaigb-bold/result.css
LXGW Wenkai GB Light https://repositoryURL/lxgwwenkaigb-light/result.css
LXGW WenKai Mono GB https://repositoryURL/lxgwwenkaimonogb-regular/result.css
LXGW WenKai Mono GB Bold https://repositoryURL/lxgwwenkaimonogb-bold/result.css
LXGW WenKai Mono GB Light https://repositoryURL/lxgwwenkaimonogb-light/result.css

例如若只需调用 LXGW Wenkai Mono GB,则只需引入:

https://cdn.jsdelivr.net/npm/lxgw-wenkai-gb-web@latest/lxgwwenkaimonogb-regular/result.css

链接

自行部署

如果下方提供的链接连接效果不甚理想,建议自行部署并配合自己的 CDN 使用。可以直接 Fork 本仓库并启用 Github Pages,使用时将下方链接修改为自己的仓库地址即可,亦可直接克隆本仓库到服务端、对象存储等。

使用 CDN

作为 npm 包(推荐)

目前已作为 npm 包上传到 npmjs,可以使用 npm 包的镜像引用,如JsDelivr 的 npm 镜像:

https://cdn.jsdelivr.net/npm/lxgw-wenkai-gb-web@latest/style.css

也可指定版本号,将链接中的 $VERSION 替换为目标版本号(但 npm 的语义化版本号会省略版本号数字开头的 0,具体版本号建议先查询 npmjs)如 1.11v1.11 均可。目前仅只提供 v1.011 之后的版本。

https://cdn.jsdelivr.net/npm/lxgw-wenkai-gb-web@VERSION/style.css

使用 JsDelivr 对 GitHub 仓库的 CDN

由于经测试 JsDelivr 对 Github 仓库的缓存更新时间较长且不确定,因此更建议使用上方 npm 包的链接

https://cdn.jsdelivr.net/gh/CMBill/lxgw-wenkai-gb-web@latest/style.css

注意,分包后产生的字体和 CSS 文件位于 latest 分支,因此必须加上 @latest,否则无法访问到对应文件。也可指定版本号,将链接中的 $VERSION 替换为目标版本号,如 1.011v1.011 均可。目前仅只提供 v1.011 之后的版本。

https://cdn.jsdelivr.net/gh/CMBill/lxgw-wenkai-gb-web@VERSION/style.css

直接使用本仓库链接

只提供最新版本

https://cmbill.github.io/lxgw-wenkai-gb-web/style.css

About

LXGW WenKai GB / 霞鹜文楷 GB 网络字体仓库

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published