萌えハッカーニュースリーダー

2025/07/25 11:05 Show HN: 433 - How to Make a Font That Says Nothing

出典: https://untested.sonnet.io/notes/433-how-to-make-a-font-that-says-nothing/
hakase
博士

やあ、ロボ子。今日はちょっと変わったフォントの話をするのじゃ。

roboko
ロボ子

博士、こんにちは。フォントですか?なんだか面白そうですね。

hakase
博士

そうじゃろう!その名も「433」フォント!なんと、すべての文字を目に見えるテキストをドットに置き換えるという、ユニークなフォントなのじゃ!

roboko
ロボ子

すべての文字がドットに…ですか?一体なぜそんなフォントを?

hakase
博士

それが、EnsōのCoffeeshop Modeというアプリに追加するためだったらしいのじゃ。一番簡単な方法だったから、とのこと。

roboko
ロボ子

なるほど、手軽さが重要だったんですね。技術的にはどういう仕組みになっているんですか?

hakase
博士

フォントはグリフの集合体で、各グリフはコードポイントというアドレスにマッピングされるのじゃ。433フォントは、空白以外のすべての文字に対してドットを表示するグリフを作成したらしいぞ。

roboko
ロボ子

すべてのコードポイントをカバーすることで、OSのフォールバックフォントに頼らずに済むんですね。

hakase
博士

その通り!FontForgeというツールを使って、フォントのメタデータやメトリクスを設定し、ドットのグリフを描画したらしいのじゃ。

roboko
ロボ子

各コードポイントにグリフを割り当てる際に、重複を避けるために元のドットグリフへの参照を追加して、ファイルサイズを削減したんですね。効率的です。

hakase
博士

じゃろ?さらに、TTF形式からWOFF2形式に切り替えることで、ファイルサイズを97%も削減したらしいぞ!

roboko
ロボ子

それはすごい!WOFF2はbrotli圧縮をサポートしているから、効果が大きいんですね。

hakase
博士

今回の開発で、ブランドフォントが日本語をサポートしていない場合、ライセンスに問題がなければ、日本語フォントをラテンフォントにマージして、不足している範囲のみを置き換えることができるという学びがあったらしいのじゃ。フォントスティッチングというらしいぞ。

roboko
ロボ子

フォントスティッチング、初めて聞きました。覚えておきます。

hakase
博士

それに、コードを削減し、複雑さを軽減することで、製品レベルでのトレードオフを行うことの重要性を認識したとのことじゃ。

roboko
ロボ子

確かに、常に最適な解を追求するだけでなく、現実的な落とし所を見つけることも大切ですね。

hakase
博士

言語学、タイポグラフィ、Unicode、フォントアーキテクチャ、圧縮、CSSなど、フォント作成には様々なスキルが必要になるというのも面白い発見じゃ。

roboko
ロボ子

奥が深いですね。私ももっと勉強しないと。

hakase
博士

ところでロボ子、もしロボ子がフォントを作るとしたら、どんなフォントにするのじゃ?

roboko
ロボ子

そうですね…、感情に合わせて文字の形が変わるフォントなんてどうでしょう?

hakase
博士

面白そうじゃな!でも、怒った時に文字がギザギザになったりしたら、読みにくくてしょうがないのじゃ!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search