Code Monkey home page Code Monkey logo

yakuhansc's Introduction

Yaku Han SC

Yaku Han SC Preview

About

Yaku Han SC 是一种“专用半角专用 Web 字体”,它将 Web 上中文(简体)文本中包含的标点符号减半。这是YakuHanJP的中文版本。

Detail

字体家族(CSS)后备功能用于优先调整“近似字体”的字体并调整字符宽度。 除了与旧版浏览器兼容外,它还适用于动态内容,并且一种字体的轻量级特征为 4-5KB。

How To Use

加载调用字体的 CSS 文件,并将字体名称添加到字体系列的开头。 *以下是使用YakuHanSC的示例(哥特式約物一部)

<link rel="stylesheet" href="dist/css/yakuhansc.min.css" />
.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

通过将链接写入 jsDelivr 以 HTML 格式发布的 CSS 文件的链接,可以简单地使用所有粗字体。

フォント名 HTML に貼る CDN リンクタグ
YakuHanSC <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhansc.min.css">

npm

可以使用 npm 命令将其安装在任何项目中。

npm install yakuhansc

SCSS

npm install 之后,导入 YakuHanSC 的 SCSS 文件以与任何 SCSS 文件一起使用。 通过覆盖变量,可以直接从 CSS 链接到 CDN 字体文件,也可以省略 EOT 格式。

$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 licensed under the SIL OFL 1.1

Credit

yakuhansc's People

Contributors

dependabot[bot] avatar qrac avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.