1 ポイント 投稿者 GN⁺ 2025-11-10 | 1件のコメント | WhatsAppで共有
  • コンピュータにインストールされたすべてのフォントを 重ねて平均化して作られた実験的な書体で、各文字の形を視覚的に平均した成果物
  • ImageMagick と PHPを用いて同じサイズの文字を重ね、平均画像を生成し、ベースライン(baseline)原点(origin) の揃え方によって異なる結果を確認
  • 文字形状の 輪郭の鮮明さと形状保持 のため、数百個の点を等間隔に分割して対応位置を平均する方式へと発展
  • 完成したフォントは SIL Open Font License で公開され、Regular・Bold・Light・Italic など多様なバリエーションと Serif・Sans バージョン も提供
  • Avería Libre は Google Web Fonts をベースにしたバージョンで、オープンソースフォント実験の代表例と評価されている

Averíaの概念と出発点

  • Avería は「コンピュータにインストールされたすべてのフォントの平均」というアイデアから出発した 生成的タイポグラフィ(generative typography) の実験
    • 文字の形を単純に組み合わせるのではなく、複数のフォントを重ねて平均化することで 視覚的な平均形態 を探究
  • 初期の実験では、各文字を同じサイズで出力し、透明度(低不透明度) で重ねた画像を生成
    • この過程で ImageMagickPHP を使って各文字のピクセル平均を計算
  • 文字を揃える際に ベースライン(baseline)原点(origin) を同じに合わせると、文字の下部は鮮明で上部はぼやけるという特徴が現れる

既存の試みとの違い

  • その後、同じアイデアがすでに存在していたことが分かったが、Avería の成果物は より明確な形と鮮明さ を示した
  • 実験の過程で 小文字の「g」 に2つの形が存在することを確認し、フォント間の構造的な違いを視覚的に示した
  • 単純なピクセル平均ではなく、形を保ったまま平均化する方法 を見つけるためにさまざまな試みを行った

形状平均化の技術的アプローチ

  • 単純な閾値(threshold)処理では鮮明な結果を得にくかったため、形状間の補間(morphing) 手法を模索
    • 例として、セリフ付きの大文字 I とセリフなしの I の平均、正方形と45度回転した正方形の平均などを比較
  • 文字構造を理解するため、曲線、制御点、輪郭線 を可視化する Web アプリを制作
  • 複雑な形状マッチングの代わりに、各文字の外郭を 500 個の等間隔の点に分割し、対応位置を平均する単純な方法を採用

Averíaの完成と配布

  • 約1か月の作業の末に完成した Avería は、スペイン語で「故障」または「損傷」を意味し、「average」の語源とも関係している
  • フォント制作の過程で Bezier 曲線とフォントメトリクス への理解を深めた
  • 完成したフォントは SIL Open Font License で公開され、自由に利用可能
    • Regular、Bold、Light、Italic などの基本バリエーションと Gruesa(全725フォントをベース) バージョンを含む
  • その後 Avería SerifAvería SansTTC パッケージGoogle Web Fonts 向け Avería Libre などへ拡張

ライセンスと利用案内

  • Avería は 商用・非商用のいずれの用途でも自由に利用可能
  • ユーザーがプロジェクトに活用する場合、制作者は利用の知らせを歓迎しているが、別途許可手続きは不要
  • プロジェクトで使われた主なツールとして fontforgeSuperpolatorFont Remix Tools などが挙げられている
  • Avería Libre バージョンは Google Web Fonts ディレクトリ をベースに制作され、Web でも手軽に活用できる

付録および参考情報

  • 文字形状の平均化過程で 「a」と「g」の2つの形 が最大の問題として指摘された
    • 「g」は2つの穴を持つ形と1つの穴を持つ形が共存
    • 最終的に 最も一般的な形(1つ穴の g、丸い a、フック型の a) を選択
  • Avería は オープンソースフォント実験の創造的な事例として、プログラミングとデザインの融合可能性を示している

1件のコメント

 
GN⁺ 2025-11-10
Hacker Newsのコメント
  • Old Timey フォントを思い出させる
    どちらのフォントも、実際のインクで印刷したような質感が感じられるところが気に入っている
    特にAveriaは複数のフォントを平均して作られているおかげで、滑らかな紙に活字を押しつけたときに生じる微細なにじみのような印象がある

  • これは2011年に作られた実験的フォントで、システム内のすべてのフォントを平均して作られた成果物
    画像生成AIがテキストを作るときに生じる**不気味の谷(uncanny valley)**の感覚に似ていて興味深い

    • 何度もコピーされたコピー文書の文字のように見えて、小学生のころのプリントを思い出す
    • むしろ自分には不気味の谷っぽさはなく、フォントとしてかなり良いと感じる
    • Open Dyslexicフォントを連想させる
    • 初めて見たとき、自分も「AIテキストはフォントの平均のように見える」と思った
    • AIに特定のフォントを使って画像を生成するよう依頼できるのか気になる
  • 私はAveria、特にSerif Libre版を、10年以上にわたってメール、リーダーモード、長文執筆などでメインフォントとして使っている
    可読性が高く、気持ちが落ち着く
    長年印刷とWebタイポグラフィを扱ってきた立場から見ると、Averiaはことさらに目立とうとしないので、かえって心地よさを与えてくれる

    • さまざまな顔を平均すると魅力的な顔になるように、フォントにも平均がもたらす安定感がある
  • このフォントは自分には視覚的に不快に感じられる
    少しぼやけた感じのせいか、文字の形がばらばらだ
    mの曲線は左右非対称で、文字の高さも一定ではない
    アイデアは面白いが、実用にするには細かな手作業での調整が必要に見える

    • サイトが古いCufon技術でレンダリングされているため、実際のテキストではなく画像として表示されている
      そのため高解像度画面ではぼやけて見える
      Google FontsのAveria Libreで本来のレンダリングを確認できる
    • GWF Serif版を使うと対称性がより良く、満足できる
  • Nova-boxのビジュアルノベルでも使われたフォント
    Across the GroovesSeers Isleで確認できる

  • このフォントの目立たない自然さが本当に気に入っている
    セリフ専用版、サンセリフ専用版はここでプレビュー可能
    デザイナーがこのフォントをベースに比率や要素を洗練させれば、リーダーモードやジャーナリング向けの理想的なフォントファミリーになると思う

  • 思ったよりずっと見栄えが良い
    Qと4には少し手動補正が必要だが、全体として読みやすくて気に入っている

  • Supernormalフォントを思い出させる
    複数の人気フォントを平均して作ったSupernormalプロジェクトと似ている

  • ちなみに「Avería」はスペイン語で**「故障」**を意味する

    • 語源はアラビア語 ʕawāriyya(輸送中に損傷した物品)→カタルーニャ語 avaria(故障)→スペイン語 avería(故障、損傷)へとつながる
      Wiktionary参照
    • 制作者が名前を付けるとき、スペイン人の友人が「意味とは関係なく美しい言葉だ」と言ったそうだ
    • 「Average」という単語自体も、アラビア語で「損傷した物品」を意味する語に由来する
  • このフォントは電子書籍リーダーでかなり相性が良さそう
    Koboにアップロードして使ってみるつもりだ