Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【如需网页上嵌入,请看这里】webfont npm 包 #24

Closed
chawyehsu opened this issue Jul 16, 2021 · 11 comments
Closed

【如需网页上嵌入,请看这里】webfont npm 包 #24

chawyehsu opened this issue Jul 16, 2021 · 11 comments
Labels
enhancement New feature or request

Comments

@chawyehsu
Copy link

https://github.com/chawyehsu/lxgw-wenkai-webfont

有需要可以使用,我用 ttf2woff2 工具转的格式,不清楚会不会产生问题,测试挺正常。

@lxgw lxgw pinned this issue Jul 16, 2021
@lxgw lxgw added the enhancement New feature or request label Jul 17, 2021
@lxgw
Copy link
Owner

lxgw commented Jul 17, 2021

感谢提供,可以用在我的 lxgw.github.io 上了。

@lxgw lxgw unpinned this issue Jul 19, 2021
@lxgw lxgw closed this as completed Sep 20, 2021
@Nullkooland
Copy link

你好 可以提供lite版本的web字体吗

@chawyehsu
Copy link
Author

你好 可以提供lite版本的web字体吗

可以,我这两天更新下,顺便写个脚本后续自动更新。

@chawyehsu
Copy link
Author

chawyehsu commented Dec 30, 2021

@Goose-Bomb Lite 版本 https://www.npmjs.com/package/lxgw-wenkai-lite-webfont
另外 TC 版也分离出来单独提供了 https://www.npmjs.com/package/lxgw-wenkai-tc-webfont

新版 webfont 做了 subset 处理,所以在常用字的加载上,原版和 Lite 版的差距应该不会很大的,都是按需加载。会比旧版整个加载要好一点。

@Nullkooland
Copy link

@Goose-Bomb Lite 版本 https://www.npmjs.com/package/lxgw-wenkai-lite-webfont 另外 TC 版也分离出来单独提供了 https://www.npmjs.com/package/lxgw-wenkai-tc-webfont

新版 webfont 做了 subset 处理,所以在常用字的加载上,原版和 Lite 版的差距应该不会很大的,都是按需加载。会比旧版整个加载要好一点。

十分感谢!

@oldherl
Copy link

oldherl commented Feb 1, 2022

建议将这个CDN的信息增加到「下载字体」一段中,不然一般人可能看不到

@lxgw lxgw pinned this issue Apr 26, 2022
@lxgw lxgw changed the title webfont npm 包 【如需网页上嵌入,请看这里】webfont npm 包 Apr 26, 2022
@guuzaa
Copy link

guuzaa commented May 2, 2022

这款字体很好看,感谢作者的慷慨!我自己的博客也用了这款字体,符合我的审美。但是,有一个问题想要请教一下,有没有计划把这款字体提交到 Google Font 里面去呢?这样受众更广,更利于推广。
https://github.com/google/fonts/blob/main/CONTRIBUTING.md

@colgin
Copy link

colgin commented Jun 27, 2022

这款字体很好看,感谢作者的慷慨!我自己的博客也用了这款字体,符合我的审美。但是,有一个问题想要请教一下,有没有计划把这款字体提交到 Google Font 里面去呢?这样受众更广,更利于推广。 https://github.com/google/fonts/blob/main/CONTRIBUTING.md

看了一下已经提交 pr 了 google/fonts#4802

@cxw620
Copy link

cxw620 commented Jan 11, 2023

关于chawyehsu制作的webfont, 我向cdnjs提了pr, 目前merge了, 国内已有镜像, 有需要的可以使用.
https://cdn.staticfile.org/lxgw-wenkai-webfont/1.6.0/style.css
https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/style.css
目前只有这两个, 其他的没提交

参考引入

<html>
<head>
  <link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-webfont/1.6.0/style.css" />
  <!-- 没有Lite version, 有需要的可以向cdnjs发pr看看能不能通过-->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
  <!-- 没有TC version, 有需要的可以向cdnjs发pr看看能不能通过-->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
  <!-- Screen version -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/style.css" />
  <style>
    body {
      font-family: "LXGW WenKai", sans-serif;
      /* Lite version */
      font-family: "LXGW WenKai Lite", sans-serif;
      /* TC version */
      font-family: "LXGW WenKai TC", sans-serif;
      /* Screen version */
      font-family: "LXGW WenKai Screen", sans-serif;
    }
  </style>
</head>
<body>
  <!-- blablabla -->
</body>
</html>

@KonghaYao
Copy link

中文网字计划提供了 霞鹜文楷 的免费CDN,如需使用,可以在网站上直接加入链接使用。详见 https://chinese-font.netlify.app/fonts/lxgwwenkai/lxgwwenkai-light/

image

image

@CMBill
Copy link

CMBill commented Dec 25, 2023

前面提供的似乎版本都比较老了,所以我用中文网字计划的分包工具对最新版本的字体分了包,也提交了 npm 包,后续应该会自动更新。有需要的可以直接用,也可以克隆到自己的存储中

霞鹜文楷:https://github.com/CMBill/lxgw-wenkai-web NPM Version Cdnjs
霞鹜文楷屏幕阅读版:https://github.com/CMBill/lxgw-wenkai-screen-web NPM Version
霞鹜文楷 GB:https://github.com/CMBill/lxgw-wenkai-gb-web NPM Version
霞鹜文楷 TC:https://github.com/CMBill/lxgw-wenkai-tc-web NPM Version

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

9 participants