Skip to content

Yakumono-Hankaku Only Web Fonts (Experimental version)

Notifications You must be signed in to change notification settings

qrac/yakuhanjp-ex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Yaku Han JP - EX

About

"Yaku Han JP EX"は、"Yaku Han JP"の実験的なバージョンです。

Install

npm install yakuhanjp-ex

YakuHanJP-EX-Science

YakuHanJP-EX-Science IMAGE

YakuHanJP に理工系文章のカンマ とピリオド を加えたバージョンです(ゴシック体のみ)。

// YakuHanJP-EX-Science
,.、。!?〈〉《》「」『』【】〔〕・():;[]{}

※バグ回避のため、.notdef space ellipsis が含まれています

  • font-weight: 100; // Thin
  • font-weight: 200; // Light
  • font-weight: 300; // DemiLight
  • font-weight: 400; // Regular
  • font-weight: 500; // Medium
  • font-weight: 700; // Bold
  • font-weight: 900; // Black
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/yakuhanjp-ex@0.3.0/dist/css/yakuhanjp-ex-science.min.css"
/>
.yakuhanjp {
  font-family: YakuHanJP, "Hiragino Sans", Meiryo, "Yu Gothic Medium",
    sans-serif;
}

YakuHanJP-EX-Emotion

YakuHanJP-EX-Emotion IMAGE

YakuHanJP から感嘆符・疑問符を抜いたもの(ゴシック体のみ)。Emotion とは無感情の意を表しています。

、。〈〉《》「」『』【】〔〕・():;[]{}

※バグ回避のため、.notdef space ellipsis が含まれています

  • font-weight: 100; // Thin
  • font-weight: 200; // Light
  • font-weight: 300; // DemiLight
  • font-weight: 400; // Regular
  • font-weight: 500; // Medium
  • font-weight: 700; // Bold
  • font-weight: 900; // Black
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/yakuhanjp-ex@0.1.1/dist/css/yakuhanjp-ex-emotion.min.css"
/>
.yakuhanjp-ex-emotion {
  font-family: YakuHanJP-EX-Emotion, "Hiragino Sans", Meiryo,
    "Yu Gothic Medium", sans-serif;
}

YakuHanJP-EX-CDN-SCSS

SCSS ファイルで CDN フォントファイルを呼び出すバージョンです。npm install してプロジェクトの SCSS ファイルから各 SCSS ファイルをインポートします。

SCSS ファイル での CDN 読み込みは、本家 Yaku Han JP で対応しました。そちらをお使いください。

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