jekyllで日本語のサブフォント化をしてみる

私のプロフィールサイトぎじゅつ者の目では、 webフォントをサブフォント化して使用しています。
この記事では、サブフォント化する方法を紹介したいと思います。

簡単にサブフォント化かしたければ、お金をかけましょう。
サブフォント化する有償サービスとしては、

があります。

これらのサービスは、ページを自動的に解析してWebフォントを生成するのでとても楽で、
商用サイトではとても有効ではないでしょうか。

しかし、プロフィールサイトにかけるコストではないなと思い、手動でサブフォント化する方法を考えました。

上記は、

$ ruby font-set.rb _site

のように使用します。

実行してもらうとわかりますが、指定したディレクトリ配下の htmlファイルを対象に使用されている文字一覧を出力します。

jekyll では、 _site ディレクトリ以下に全てのファイルが入るので、
このスクリプトを実行すると、サブフォントにすべき文字一覧が手に入るわけです。

でその文字一覧を http://mplus.font-face.jp/#/ でサブフォント化しています。

他のフォントをしたい時は、

を使えば、できるようですが、フォントのライセンスに注意が必要ですので、何でもかんでもサブフォント化するのはいけません。