其他版本霞鹜文楷字体的网络字体仓库:
- 霞鹜文楷屏幕阅读版 / LXGW WenKai Screen:适用于 PC 和 Android 手机屏幕显示且无需特别切换到粗体。
- 霞鹜文楷 GB / LXGW WenKai GB:调整字形和笔形,符合 G 源字形规范。包含《通用规范汉字表》8105 个汉字。
- 霞鹜文楷 TC / LXGW WenKai TC:繁体中文版。
LXGW WenKai / 霞鹜文楷 是一款开源中文字体,基于 FONTWORKS 出品字体 Klee One 衍生。字体详情请参阅原字体仓库。
为使原字体更适合进行网络分发,本仓库使用 Github Action,利用中文网字计划开发的字体分包工具对原字体分包,网页加载时只需获取所使用的文字所在的分包,大幅降低所需加载的大小,提升网页加载速度。并已提交 npm 包,进一步利用公开 CDN。
为方便使用,本仓库的版本号将与字体原仓库版本号尽量保持一致。目前只提供了 v1.315
及之后的版本。
直接将文后提供的链接以 <link>
的形式添加到网页的 <head>
内即可
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@callmebill/lxgw-wenkai-web@latest/style.css" />
<style>
body {
font-family: "LXGW WenKai";
font-weight: normal;
}
</style>
</head>
<body>
</body>
</html>
这样引入的 style.css
可以调用仓库包含的所有字体,使用字体时以表格中所示 font-family
与 font-weight
在 CSS 中调用即可。
字体 | font-family |
font-weight |
---|---|---|
LXGW Wenkai | LXGW Wenkai |
normal |
LXGW Wenkai Bold | LXGW Wenkai |
bold |
LXGW Wenkai Light | LXGW Wenkai Light |
normal |
LXGW WenKai Mono | LXGW WenKai Mono |
normal |
LXGW WenKai Mono Bold | LXGW WenKai Mono |
bold |
LXGW WenKai Mono Light | LXGW WenKai Mono Light |
normal |
如果只需某一特定的字体,也可只引用其对应分包的 CSS 文件,将如下表格中 repositoryURL
替换为仓库的链接即可。
字体 | 链接 |
---|---|
LXGW Wenkai | https://repositoryURL/lxgwwenkai-regular/result.css |
LXGW Wenkai Bold | https://repositoryURL/lxgwwenkai-bold/result.css |
LXGW Wenkai Light | https://repositoryURL/lxgwwenkai-light/result.css |
LXGW WenKai Mono | https://repositoryURL/lxgwwenkaimono-regular/result.css |
LXGW WenKai Mono Bold | https://repositoryURL/lxgwwenkaimono-bold/result.css |
LXGW WenKai Mono Light | https://repositoryURL/lxgwwenkaimono-light/result.css |
例如若只需调用 LXGW Wenkai Mono,则只需引入:
https://cdn.jsdelivr.net/npm/@callmebill/lxgw-wenkai-web@latest/lxgwwenkaimono-regular/result.css
如果下方提供的链接连接效果不甚理想,建议自行部署并配合自己的 CDN 使用,可以直接克隆本仓库到服务端、对象存储等。
目前已作为 npm 包上传到 npmjs,可以使用 npm 包的镜像链接引用。
https://cdn.jsdelivr.net/npm/@callmebill/lxgw-wenkai-web@latest/style.css
也可指定版本号,将链接中的 $VERSION
替换为目标版本号(但 npm 的语义化版本号会省略版本号数字开头的 0,具体版本号建议先查询 npmjs)如 1.315
或 v1.315
均可。目前仅只提供 v1.315
之后的版本。
https://cdn.jsdelivr.net/npm/@callmebill/lxgw-wenkai-web@$VERSION/style.css
目前已提交至 cdnjs 仓库,可以使用 cdnjs 提供的 cdn 链接。此方法必须指定版本号,将链接中的 $VERSION
替换为 npm 包的目标版本号。具体版本号可以查询 npmjs 或 cdnjs 的页面。目前仅只提供 v1.315
之后的版本。
https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-web/$VERSION/style.css