chiron-hei-hk-webfont-truetype
v2.5.19
Published
Webfont version of Chiron Hei HK, in TrueType outline.
Downloads
95
Maintainers
Readme
Chiron Hei HK Webfont (TrueType)
About
This npm package provides a variation of the Chiron Hei HK (昭源黑體) webfont webfont. The key distinction lies in the font’s outline format, which is offered in TrueType outlines. In specific cases, using the TrueType flavor may result in improved display quality on platforms like Windows. However, note that the TrueType font files are larger compared to their OpenType counterparts.
Chiron Hei HK (昭源黑體) is a CJK typeface derived from the Source Han Sans / Noto Sans CJK font family. It aims to provide a modern, region-agnostic glyph set adopting the “written” style that is similar to the prevailing, usually commercial, typefaces. This makes it suitable for use in a Traditional Chinese environment.
Chiron Hei HK is available in several configurations: OpenType/CFF (OTF), TrueType (TTF), OpenType/CFF2 (OTF) variable font, TrueType variable font, and the webfont version in WOFF File Format 2.0 (WOFF2) variable font format.
This package provides the webfont (WOFF2/TTF) build of the font. It utilizes Unicode-range subsetting technology to reduce download size and improve loading performance. Check out the project's Github repository for a complete README, and the font family's website for usage examples (both in Chinese only).
Usage
To use this webfont, install the package first:
npm install chiron-hei-hk-webfont-truetype
Then, include the css/vf.css
file in your web page. For instance, if you use webpack, you
would import the font's CSS file with the following statement:
@import '~chiron-hei-hk-webfont-truetype/css/vf.css';
Finally, set the font-family
property to Chiron Hei HK WS
:
body {
font-family: "Chiron Hei HK WS", sans-serif;
}
You can use the font-weight
CSS property to set the desired boldness. The following table shows the default static
font weights and their corresponding font-weight
values. As a variable font, you may also specify any value between
250 and 900.
| Font Weight | CSS font-weight
value |
|-------------|-------------------------|
| ExtraLight | 250 |
| Light | 300 |
| Normal | 350 |
| Regular | 400 |
| Medium | 500 |
| SemiBold | 600 |
| Bold | 700 |
| Heavy | 900 |
In addition, you can tweak the glyph space accommodation in the em-box via the font's "PADG" axis. For instance:
p {
font-variation-settings: "PADG" 6;
}
The PADG axis range is valid between 0 and 10. If unspecified, the default value is 0.”
License
Chiron Hei HK is licensed under the SIL Open Font License, Version 1.1. The full text of the license is available at https://scripts.sil.org/OFL_web.