ハクソク

世界を動かす技術を、日本語で。

2ピクセルの高さしかないフォント「Two Slice」

254日前原文(joefatula.com)

概要

  • 高さ2px の極小フォントの紹介
  • 大文字・小文字 で異なるバリエーション
  • 数字や一部記号 も収録
  • 小さいサイズ での視認性が高い特徴
  • CC BY-SAライセンス で商用利用可、クレジット必須

2pxフォントの特徴と使い方

  • 高さ2px のみで構成された超小型フォント
  • 大文字 と 小文字 に異なるバリエーションを用意
  • 可読性 に配慮した設計、特に小さいサイズで読みやすい
  • 数字 や 一部の句読点 も含むラインナップ
  • 試し書き や サンプル表示 が可能
  • CC BY-SAライセンス のため、商用利用可能
    • 利用時には クレジット表記 が必要
  • ダウンロード して自由に利用できる柔軟性

利用上の注意点

  • 可読性 は高いが、極端に小さいため用途を選ぶ
  • 大文字・小文字 で見やすさが異なるため、使い分け推奨
  • 数字や記号 は一部形状が崩れる可能性あり
  • 商用利用 時はライセンス条件を必ず確認

ダウンロードとライセンス

  • CC BY-SAライセンス （クレジット必須、商用可）
  • ダウンロードリンク から入手可能
  • クレジット表記 例：「Font by [作者名]（CC BY-SA）」

Hackerたちの意見

8x8より小さいフォントには、実際に小型LEDディスプレイなどで使われるサブカルチャーがあるんだよね。これはその極端な例だけど。あと、https://stormgold.itch.io/picket-right-font

└

共有してくれてありがとう！こういうクールなサブカルチャーを見るのが好きで、ハッカー精神を感じるよ。

└

小型LEDディスプレイのような 最高DPIのスクリーンは127,000 PPIだよ。1インチの高さのスクリーンに8x8のテキストを14,000行以上収められる。参考までに、普通のモニターは140 PPIくらい。物理的なサイズが問題なら、8x8以下にする必要はないと思うけど。

└

あれは比較的読みやすいね、普通のフォントをストリップ状に切ったみたいだからかな。

└

本当に小さいフォントで色を使ったものがあるのかな。例えば、この2ピクセル幅のPicket Rightフォントは、サブピクセル機能を使えばもっと細くできるかもしれない。少なくとも、2ピクセル高のTwo Sliceフォントは、アンチエイリアスを使えばもっと読みやすくなると思う。

└

それと https://stormgold.itch.io/two-slice - これって同じ作者なの？

大文字のHは呪われてる…つながってないピクセルがあって、'ii'や"II"と見分けがつかない。コンセプトは面白いけど、この一点だけは間違った選択だね。

└

V、X、Yが全部同じなのが気になるな。どうやってそれがワックスっぽいのか波打ってるのか見分けるの？

└

フォントで「HiGh sky buys The lies」を読んでみて。何が書いてあるのか分かりにくいよ…

すごい！こんなのが可能だなんて思わなかった。素晴らしいね。ブラボー！

あのゼロのグリフ、めっちゃ好き。ローマ数字の代わりに、リガチャを使って数値をバイナリでエンコードできるかも… 42を010101にするとか。42を選んだのはなんとなくだけど、こんなに面白い数字だとは知らなかった… ダグラス・アダムスはそれを知ってたのかな。

└

101010 - これ、あなたが知ってるってことだよね？誰かが気づいて反応するまでどれくらいかかるか知りたいんじゃない？

すごくクールだね。小文字のb、l、hが同じってのも面白い。

一方で、3x5のフォントは実際に使えるよね。

└

そうそう、低解像度でもすごく読みやすいよね。『マスター・オブ・オリオン』は3x5のフォントを使ってて、すごくクリアで読みやすいんだ。

└

小さなOLEDディスプレイには「トム・サム」が好きなんだ。https://robey.lag.net/2010/01/23/tiny-monospace-font.html それ用にちょっとおかしなAdaライブラリを書いたよ。https://github.com/JeremyGrosser/tiny_text

読みやすさは、英語の単語や文のエントロピーが低いおかげだと思う。つまり、1文字が読めなくても、文脈からなんとなくわかるってこと。ランダムな文字列で試すと、あんまり読みやすくないよね。

8ビット時代の懐かしい思い出が蘇る。Tasword IIはSinclair ZX Spectrum用のテキストプロセッサで、開発者たちはSpeccyの非常に限られた（256x192）画面解像度に対応するために、超狭いフォントを使ってたんだ。 [1]の下のスクリーンショットには、3px幅のフォントが映ってるみたい。OPの2px幅はちょっと極端すぎるかな。 [1] https://spectrumcomputing.co.uk/entry/4000080/Timex/Tasword_...

└

最初のSpectrumエミュレーターの一つ（JPP？）は、2ピクセルの高さのフォントを使ったVGAテキストモードを採用していて、各文字がそれぞれのオーディナルだったんだ。つまり、65は2行の01000001ピクセルってこと。これで、Spectrumと同じようにバイト単位で個々の行を描画できて、Yオフセットのビットシャッフルに気をつけて、色の衝突を偽装するだけで済んだんだよね。

└

コモドール64のVIPタームに似てるね。あれは3x7のビットマップフォントを4x8のスペースで使って80カラムのテキストを表示してた。だけど、ワードプロセッサがそれをやってたかは分からないな、プリンタープレビューのモード以外では。

この手のフォントには、各文字の周りのホワイトスペースがめっちゃ重要なんだよね。これでこのフォントは4x4として表示されるか、3x4になるけど、そうすると可読性がかなり落ちちゃう—個人的にはそれはちょっと多すぎると思う。例外として、物理的な実体があれば、各2x3ピクセルのブロックがデッドスペースに囲まれて、実際にこのフォント構成に最適化された表示ができるんだけど。それでも、16x32のキャラクターディスプレイを1ドル未満のOLEDで、3ドルの内蔵ディスプレイ付きのコンピュータで10x18を実現するのはすごい成果だよ。いい仕事だね。実際に小さなフォントを実用的なプロジェクトで使おうと思ってる人には、個人的には4x5（3x4にパディングを加えたもの）が、読むのに余計な手間がかからないフォントとしては限界だと思う。下と右に1ピクセルの（可変の）パディングを与えることで、読みやすさを確保できるし。OPフォントとは違って、上に1ピクセルのパディングがあれば完璧に読みやすくなるから、実質的に「無料」で読みやすさが得られるんだよね。OPフォントのように上下のパディングが必要ないから。

└

グリフの進行や行間はビットマップの一部ではないよ。

なんてこった！大好きだ！