Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/qrac/yakuhansc
Dedicated half angle Only Web Fonts (simplified chinese)
https://github.com/qrac/yakuhansc
chinese font simplified webfont yakuhanjp yakuhansc
Last synced: 5 days ago
JSON representation
Dedicated half angle Only Web Fonts (simplified chinese)
- Host: GitHub
- URL: https://github.com/qrac/yakuhansc
- Owner: qrac
- Created: 2019-11-07T06:19:38.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T02:43:54.000Z (about 2 years ago)
- Last Synced: 2025-01-04T16:35:33.661Z (about 1 month ago)
- Topics: chinese, font, simplified, webfont, yakuhanjp, yakuhansc
- Language: HTML
- Homepage:
- Size: 389 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Yaku Han SC
## About
Yaku Han SC 是一种“专用半角专用 Web 字体”，它将 Web 上中文（简体）文本中包含的标点符号减半。这是[YakuHanJP](https://yakuhanjp.qranoko.jp/)的中文版本。
## Detail
字体家族（CSS）后备功能用于优先调整“近似字体”的字体并调整字符宽度。 除了与旧版浏览器兼容外，它还适用于动态内容，并且一种字体的轻量级特征为 4-5KB。
## How To Use
加载调用字体的 CSS 文件，并将字体名称添加到字体系列的开头。 \*以下是使用`YakuHanSC`的示例（哥特式約物一部）
```html
```
```scss
.example {
font-family: YakuHanSC, "Hiragino Sans" sans-serif;
}
```
## Font Family
| 字体名称 | 风格 | 半角目标 | 理解字符 |
| :---------: | :----: | :------: | -------- |
| `YakuHanSC` | 哥特式 | 約物一部 | `，。` |
## Font Weight
| 字体名称 | W100 | W200 | W300 | W400 | W500 | W600 | W700 | W800 | W900 |
| :---------: | :--: | :---: | :-------: | :-----: | :----: | :--: | :--: | :--: | :---: |
| `YakuHanSC` | Thin | Light | DemiLight | Regular | Medium | - | Bold | - | Black |
## CDN
- https://cdn.jsdelivr.net/npm/yakuhansc/
通过将链接写入 jsDelivr 以 HTML 格式发布的 CSS 文件的链接，可以简单地使用所有粗字体。
| フォント名 | HTML に貼る CDN リンクタグ |
| :---------: | -------------------------------------------------------------------------------------------------------- |
| `YakuHanSC` | `` |
## npm
- https://www.npmjs.com/package/yakuhansc
可以使用 npm 命令将其安装在任何项目中。
```
npm install yakuhansc
```
### SCSS
在 `npm install` 之后，导入 YakuHanSC 的 SCSS 文件以与任何 SCSS 文件一起使用。 通过覆盖变量，可以直接从 CSS 链接到 CDN 字体文件，也可以省略 EOT 格式。
```scss
$yakuhansc-eot-use: false;
$yakuhansc-cdn-use: true;
@import "yakuhansc/src/scss/yakuhansc.scss";
```
## Support
| Chrome | Firefox | IE | Ege | Opera | Safari(Mac) |
| :----: | :-----: | :-: | :-: | :---: | :---------: |
| 55~ | 50~ | 9~ | 14~ | 36~ | 6~ |
| Safari(iOS) | Chrome(Android) | Browser(Android) |
| :---------: | :-------------: | :--------------: |
| 7~ | 51~ | 4.4~ |
## License
- Yaku Han JP : SIL OFL 1.1
- Gothic fonts : Based on [Noto Sans CJK SC](https://www.google.com/get/noto/help/cjk/) licensed under the SIL OFL 1.1
## Credit
- Author: [Qrac](https://qrac.jp)
- Organization: [QRANOKO](https://qranoko.jp)