npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

chiron-sung-hk-webfont

v1.0.15

Published

Webfont version of Chiron Sung HK, in TrueType outline.

Downloads

312

Readme

Chiron Sung HK Webfont

About

This package contains the webfont version of Chiron Sung HK (昭源宋體).

Chiron Sung HK is a CJK typeface derived from the Source Han Serif / Noto Serif 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 such that it is suitable for use in a Traditional Chinese environment.

Chiron Sung 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) 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 example (both in Chinese only).

Usage

To use this webfont, install the package first:

npm install chiron-sung-hk-webfont 

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-sung-hk-webfont/css/vf.css';

Finally, set the font-family property to Chiron Sung HK WS:

body {
    font-family: "Chiron Sung HK WS", 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 valid range for this variable font axis is from 0 to 10. The value is 0 if unspecified.

License

Chiron Sung 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.