概要

約物専用のWebフォント「約組フォント/Yaku Kumi Fonts」を公開しました。全角の約物（句読点や括弧のこと。）が連続したときのアキを調整するWebフォントです。AndroidのNoto CJK Fontsをサブセットすることで作成されているので，シェア率が非常に高いNoto Sans JPとの組み合わせが良いです。

CDNで公開しているので利用方法を参考にして，自分のブログで使ってみてください。ちなみに，このブログでも使っていました。今は，Catalpaでも使われてる方法で，無理やり組版しています。

はじめに

Webページを作るとき，下の表みたいに，括弧や句読点などの約物が連続したときのアキ（空白）が気になりませんか？Yaku Kumi Fontsを使えばこの問題が解決できます。

Family
Noto Sans JP	約物がすごい（とてもすごい）。
	約物（が）・「連続している。」（（超）すごい）。
Yaku Kumi Sans, Noto Sans JP	約物がすごい（とてもすごい）。
	約物（が）・「連続している。」（（超）すごい）。

このようなフォントはFONTPLUSにもありますが，有料なのでブログなどで手軽に使うのは難しいです。約味フォントは無料で公開されていますが，オリジナルグリフであるため，Noto Sans JPとの相性がいまいちです¹。

Yaku Kumi Fontsはもちろん無料で使えて，見ての通りNoto CJK Fontsと同じグリフになっています。Noto Sans JPを利用している人にはすごくお勧めできます。

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を編集してください。

1

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/daiji256/yaku-kumi-fonts@v1.1/css/yakukumi-sans-rb.min.css">

CSSはfont-familyを設定し，chwsをオンにしてください。フォント名はSansを使うなら"Yaku Kumi Sans"，Serifを使うなら"Yaku Kumi Serif"とします。

1
2


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: 収録フォントを増やした

文献

特に僕はカンマ，が好みでは無かったです。 ↩︎