Yaku Kumi Fontsを実際に利用した 僕のブログ を確認してもらえると嬉しいです。
概要
約物専用の Web フォント「約組フォント / Yaku Kumi Fonts」を公開しました。全角の約物(句読点や括弧)が連続したときのアキを調整する Web フォントです。Android の Noto CJK Fonts をサブセットすることで作成されているので,シェア率が非常に高い Noto Sans JP との組み合わせが良いです。
CDN で公開しているので利用方法を参考にして,自分のブログで使ってみてください。
はじめに
Web ページを作るとき,下の表みたいに,括弧や句読点などの約物が連続したときのアキ(空白)が気になりませんか? Yaku Kumi Fonts を使えばこの問題が解決できます。
Family | |
---|---|
Noto Sans JP | |
Yaku Kumi Sans, Noto Sans JP |
このようなフォントは FONTPLUS にもありますが,有料なのでブログなどで手軽に使うのは難しいです。約味フォントは無料で公開されていますが,オリジナルグリフであるため,Noto Sans JP との相性がいまいちです1。
Yaku Kumi Fonts はもちろん無料で使えて,見ての通り Noto CJK Fonts と同じグリフになっています。全ての Noto Sans JP を利用している人は Yaku Kumi Fonts 使うべきです!
Noto CJK Fonts と同じグリフで,約物のアキを詰める Yaku Han JP は全てのアキが無くなるので,組版要件を考えるといまいちです。それに約物を半角にするだけなら font-feature-settings: "halt" 1;
すればいいです。
ということで,Yaku Kumi Fonts を使いましょう! ただの布教活動...
対応文字
Yaku Kumi Fonts は Sans と Serif があります。また,Google Fonts の Noto Sans/Serif Japanese と同じ Weight があります。収録フォントは 、,。.・:;()⦅⦆「」『』[]〚〛{}【】〖〗〈〉《》〔〕〘〙
です。
Family | Weight |
---|---|
Sans | 100, 300, 400, 500, 700, 900 |
Serif | 200, 300, 400, 500, 600, 700, 900 |
利用方法
下の表の 7 つの CSS を用意しました。このブログでは基本的に Sans の Normal / Regular (400) と Bold (700) しか使わないので,yakukumi-sans-rb.min.css
を読み込んでいます。
Family | Weight | CSS |
---|---|---|
Sans, Serif | 全て | yakukumi.min.css |
Sans | 全て | yakukumi-sans-all.min.css |
400, 700 | yakukumi-sans-rb.min.css |
|
400 | yakukumi-sans-r.min.css |
|
Serif | 全て | yakukumi-serif-all.min.css |
400, 700 | yakukumi-serif-rb.min.css |
|
400 | yakukumi-serif-r.min.css |
CDN を使う場合は,次のように CSS を読み込んでください。利用したい CSS に合わせて yakukumi-sans-rb.min.css
を編集してください。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/daiji256/yaku-kumi-fonts@v1.2/css/yakukumi-sans-rb.min.css">
CSS は font-family
を設定し,chws
をオンにしてください。フォント名は Sans を使うなら "Yaku Kumi Sans"
,Serif を使うなら "Yaku Kumi Serif"
とします。
font-family: "Yaku Kumi Sans", "Noto Sans JP", sans-serif;
font-feature-settings: "chws" 1;
ライセンス
Yaku Kumi Fonts は Noto CJK Fonts を元に作成されているので,ライセンスは SIL OFL 1.1 です。CSS などは MIT ライセンスです。
バージョン履歴
- v1.0: 初公開(ウェイトが足りていないため現在非公開)
- v1.1: ウェイトの修正
- v1.2: 収録フォントを増やした
文献
- 約組フォント / Yaku Kumi Fonts (GitHub)
- Noto Sans JP
- Noto CJK full weight patch for Android devices (GitHub)
- FONTPLUS
- 約物 Web フォント「約味」(YakuAdj)
- Yaku Han JP
-
特に僕はカンマ
,
が好みでは無かったです。 ↩