以下の内容はhttps://zrbabbler.hatenablog.com/entry/2021/08/08/205256より取得しました。


画期的なバリアブルフォントを作ってみた

「某I◯Cが人類に打ち克った証」たる某近代ナンチャラが最終日を迎える中、東京では……(中略)……ゆきだるま☃!

というわけで、コロナ禍にも負けず、某I◯Cにも負けず、今年も普段通りの「ゆきだるま☃の日」がやってきました!

フォントについて語ってみる

さて☃といえばフォントですが、5年ほど前に、「ヒラギノ角ゴシック」の☃がチョット話題になりました。

nlab.itmedia.co.jp

ヒラギノフォントといえば「☃が無表情」なことで有名ですが、後から追加された「W0」だけ、なぜか☃がチョット笑顔で、しかも帽子が黒いのです。この件が話題になったときのツイッタァーの反応がまとめられています。

togetter.com

……おや、一人だけ、変なことを言ってますね……。

f:id:zrbabbler:20210808155437p:plain
アレな人(ざんねん🙃)

バリアブルフォントについて語ってみる

バリアブルフォント(variable font)というのは、2016年にOpenTypeの仕様に追加された「Font Variation」という機能を利用したフォントのことで、粗くいうと「一つのファミリの中の変種を“無限に”作る」ことを可能としています。例えば、先の話にあったようにヒラギノフォントにはW0・W1・……・W8・W9の10個のウェイト(字の太さ)が用意されていますが(これはこれでスゴイわけですが)、ウェイトを”バリアブル”にしたフォントでは、ユーザは「W5.5」とか「W3.14159」とかに相当する中間のウェイトを利用できます。いわば、ウェイトの種類が“無限”に増やせるわけです1

欧文のバリアブルフォントは既に数多く発表されていましたが、今年(2021年)の4月に、フリーの和文フォント「源ノ角ゴシック」について、そのバリアブルフォント版が公開されました。

blog.adobe.com

これを機にして日本でもバリアブルフォントの技術に注目が集まっているようです。先月には、「全角ダーシの太さ・長さが自由に調節できるフォント」が公開されました。

欧文フォントに続いて和文フォントの世界にもバリアブルフォントの時代が到来したとなれば、☃文フォントの世界にもバリアブルフォントが求められるのは必然の流れでしょう。

☃文バリアブルフォントについて検討してみる

☃について「“無限に”変えたいもの」といえば、やっぱり帽子やマフラーの色でしょう。(カラー絵文字のフォントがあることからわかるように、現在のOpenTypeの仕様では「色付きのグリフ」がサポートされています。)

f:id:zrbabbler:20210808161322p:plain
さっきのツイートにある画像

しかし残念ながら現状では、Font Variationの仕組で変化させる対象となるのは、グリフの輪郭線の点の座標に限られるようです2

一方で、「笑顔と無表情の間で“無限の”バリエーションを作る」ことであれば、これは輪郭線の変化なので実現できそうです。

☃文バリアブルフォントを作ってみる

というわけで、さっそく作ってみました

github.com

※詳しい話はまた後日🙃

まとめ

というわけで、笑顔の☃も、無表情の☃も、不機嫌な☃も、すべて素敵!

f:id:zrbabbler:20210808205032p:plain


  1. バリアブルフォントの技術が最もよく用いられるのは「ウェイト(太さ)の変化」に対してですが、その他に「字幅の変化」「傾きの変化」に対してもよく使われます。

  2. 一応「variationの軸の値と連動してグリフ置換を行う」みたいな仕組はあるようなので、色の違うグリフを多数用意して“疑似的に”実現するという手段はありえますが、それだとそもそもバリアブルフォントである意味があまりなさそうです。




以上の内容はhttps://zrbabbler.hatenablog.com/entry/2021/08/08/205256より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14