概要
約物専用の Web フォントの約組フォント / Yaku Kumi Fonts を公開しました。全角の約物（句読点や括弧のこと。）が連続したときのアキを調整する Web フォントです。notofonts/noto-cjk の google-fonts にある NotoSansJP[wght].ttf および NotoSerifJP[wght].ttf をサブセット化して作成しているので、シェア率が非常に高い 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 を利用している人にはすごくオススメできます。
Noto CJK Fonts と同じグリフで、約物のアキを詰める Yaku Han JP はすべてのアキが無くなるので、組版要件を考えるといまいちです。それに約物を半角にするだけなら
font-feature-settings: "halt" 1;
すればいいです。
ということで、Yaku Kumi Fonts を使いましょう！
対応文字
収録フォントは以下の通りです：
、，。．・：；（）｟｠「」『』［］〚〛｛｝【】〖〗〈〉《》〔〕〘〙
対応しているウェイトは次のとおりです：
| フォント | 対応ウェイト |
|---|---|
| Sans | 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| Serif | 200, 300, 400, 500, 600, 700, 800, 900 |
利用方法
利用したいフォントとウェイトの組み合わせに応じて、読み込む CSS を選択してください。フォントファミリー名は Yaku Kumi Sans と Yaku Kumi Serif です。
たとえば、Yaku Kumi Sans の Regular (400) と Bold (700) を読み込む場合：
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/daiji256/yaku-kumi-fonts@2.0.0/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;
注意事項
- このフォントは約物（句読点や括弧類など）のみを収録しています。本文用の日本語フォントは別途指定してください。
- OpenType 機能
chwsを有効にして使用します。対応状況はブラウザやレンダリング環境に依存します。
ライセンス
- フォント: SIL Open Font License 1.1
- スクリプトなどのフォント以外: MIT License
文献
- 約組フォント / Yaku Kumi Fonts
- Noto Sans JP
- Noto CJK full weight patch for Android devices
- FONTPLUS
- 約物 Web フォント「約味」（YakuAdj）
- Yaku Han JP
-
とくに僕はカンマが好みでは無かったです。 ↩