Simulator

  • Gothic
  • Mincho
  • Round
  • Full
  • Small
  • Hiragino
  • Apple
  • Yu
  • Noto
  • w100
  • w200
  • w300
  • w400
  • w500
  • w600
  • w700
  • w800
  • w900
  • 0.625em
  • 0.75em
  • 0.875em
  • 1em
  • 1.25em
  • 1.5em
  • 2em

「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは7種類。Noto Sans Japaneseに沿っています。

「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは7種類。Noto Sans Japaneseに沿っています。

<!-- HTML:CDNリンクを貼り付け -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp.min.css">

// CSS:font-familyを設定
.example {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

Include Fonts

YakuHanJP  ゴシック体 (約物全部入り)

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

YakuHanJPs  ゴシック体 (カッコのみ)

〈〉《》「」『』【】〔〕()[]{}

YakuHanMP  明朝体 (約物全部入り)

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

YakuHanMPs  明朝体 (カッコのみ)

《》「」『』【】〔〕()[]{}

YakuHanRP  丸ゴシック (約物全部入り)

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

YakuHanRPs  丸ゴシック (カッコのみ)

〈〉《》「」『』【】〔〕()[]{}

バグ回避のため、全てのフォントに  .notdef  space  ellipsis  が含まれています。

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

  1. Yaku Han JP : (OFL-1.1 AND MIT)
  2. Author :  Qrac
  3. Author Group :  QRANOKO
  4. Gothic fonts : Based on  Noto Sans CJK JP licensed under the SIL OFL 1.1
  5. Mincho fonts : Based on  Noto Serif CJK JP licensed under the SIL OFL 1.1
  6. Round Gothic fonts : Based on  Rounded M+ 1c licensed under the M+ FONTS LICENSE