Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chawyehsu/lxgw-wenkai-webfont
webfont package for the LXGW WenKai typeface
https://github.com/chawyehsu/lxgw-wenkai-webfont
cjk webfont
Last synced: 3 months ago
JSON representation
webfont package for the LXGW WenKai typeface
- Host: GitHub
- URL: https://github.com/chawyehsu/lxgw-wenkai-webfont
- Owner: chawyehsu
- License: mit
- Created: 2021-07-03T03:18:53.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-19T08:07:25.000Z (4 months ago)
- Last Synced: 2024-02-19T09:26:38.686Z (4 months ago)
- Topics: cjk, webfont
- Language: Python
- Homepage: https://chawyehsu.github.io/lxgw-wenkai-webfont
- Size: 21 MB
- Stars: 351
- Watchers: 3
- Forks: 13
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome - chawyehsu/lxgw-wenkai-webfont - webfont package for the LXGW WenKai typeface (Python)
- awesome-stars - chawyehsu/lxgw-wenkai-webfont - webfont package for the LXGW WenKai typeface (Python)
README
lxgw-wenkai-webfont
===================
> A webfont package for the LXGW WenKai typeface.
[![demo][demo-badge]][demo-url] [![npm][npm-badge]][npm-url] [![npm][license-badge]](LICENSE) [![npm][npm-dl-badge]][npm-url] [![jsdelivr][jsdelivr-badge]][jsdelivr-url]
For more information about the typeface, see [LXGW WenKai's website][lxgw-wenkai].
## Usage
#### Use NPM
First, install the package via npm or yarn.
```sh
npm install --save lxgw-wenkai-webfont
# or Lite version
npm install --save lxgw-wenkai-lite-webfont
# or TC version
npm install --save lxgw-wenkai-tc-webfont
# or Screen version
npm install --save lxgw-wenkai-screen-webfont
```
Then import `style.css` to your main css style file and update the font-family.
```css
@import 'lxgw-wenkai-webfont/style.css';
/* Lite version */
@import 'lxgw-wenkai-lite-webfont/style.css';
/* TC version */
@import 'lxgw-wenkai-tc-webfont/style.css';
/* Screen version */
@import 'lxgw-wenkai-screen-webfont/style.css';
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;
}
/* Mono font (optional) */
pre,code {
font-family: "LXGW WenKai Mono", sans-serif;
/* Lite version */
font-family: "LXGW WenKai Mono Lite", sans-serif;
/* TC version */
font-family: "LXGW WenKai Mono TC", sans-serif;
}
```
#### Use CDN
Put the jsDelivr `` into your html head, then update the font-family.
```html
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;
}
```
The following are some `cdnjs` mirrors for mainland China, which have high service stability and low latency.
+ `cdn.bootcdn.net`
+ `www.staticfile.org`
+ `cdn.baomitu.com`
+ ...
```html
```
**Attention**: **ONLY** webfont `LXGW WenKai` and its screen version `LXGW WenKai Screen` are available at `cdnjs`, whose version is both the latest `1.6.0`. So are the mirrors.
#### Use specific font weights
You can also include specific weights if you don't want to use all the font
weights or don't want to use mono font. For example:
```css
@import 'lxgw-wenkai-webfont/lxgwwenkai-regular.css';
@import 'lxgw-wenkai-webfont/lxgwwenkai-bold.css';
body {
font-family: "LXGW WenKai", sans-serif;
}
```
Lite version and TC version also support the same way. To know what css modules
are available, please check out the npm package.
## License
**lxgw-wenkai-webfont** © [Chawye Hsu](https://github.com/chawyehsu). Released under the [MIT](LICENSE) License.
The LXGW WenKai typeface is available under the [SIL Open Font License 1.1][ofl] license.
> [Blog](https://chawyehsu.com) · GitHub [@chawyehsu](https://github.com/chawyehsu) · Twitter [@chawyehsu](https://twitter.com/chawyehsu)
[demo-badge]: https://img.shields.io/badge/online-demo-blue.svg?style=flat-square
[demo-url]: https://chawyehsu.github.io/lxgw-wenkai-webfont
[npm-badge]: https://img.shields.io/npm/v/lxgw-wenkai-webfont.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/lxgw-wenkai-webfont
[license-badge]: https://img.shields.io/npm/l/lxgw-wenkai-webfont.svg?style=flat-square
[license-url]: LICENSE
[npm-dl-badge]: https://img.shields.io/npm/dt/lxgw-wenkai-webfont.svg?style=flat-square
[lxgw-wenkai]: https://github.com/lxgw/LxgwWenKai
[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/lxgw-wenkai-webfont/badge
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/lxgw-wenkai-webfont
[ofl]: https://scripts.sil.org/OFL