いくつかの興味深い現代的なピクセル風フォント

 (unsung.aresluna.org)
2 ポイント 投稿者 GN⁺ 6 시간 전 | 1件のコメント | WhatsAppで共有
  • Analog Mono は、1990年代のVCR・TV・カムコーダー・Hi-Fi機器のVCR OSD Monoをもとに、低いベースラインによって生じていた問題を補正したピクセル風フォント
  • VCR OSD Monoでは、descender のある文字が上に引き上げられていたが、Analog Monoはこのベースラインの問題を修正
  • Coral Pixels はGoogle Fontsでも提供されているカラーフォントで、1990〜2000年代風のカラフルな縁のにじみをフォント自体に取り込んでいる
  • Two Slice は高さが2ピクセルしかないフォントで、「ある程度読める」ことを掲げる極端に小さなピクセルフォント
  • Geist Pixel はピクセルフォントを装飾ではなく、プロダクションのタイポグラフィシステムにおける機能的ツールとして扱い、metricsやカーニングのような周辺作業を重視している

現代的なピクセル風フォントいくつか

  • Analog Mono

    • Andrew Gleesonの Analog Mono は、1990年代のVCR、TV、カムコーダー、Hi-Fi機器でよく見られた VCR OSD Mono をもとに作られたピクセル風フォント
    • 元のフォントは 低いベースライン のためにdescenderのある文字が上に引き上げられていたが、Analog Monoはこれを補正

  • Coral Pixels

    • Kumiko Yoshidaの Coral Pixels は、Google Fonts でも提供されている カラーフォント
    • 1990年代から2000年代のカラフルな縁のにじみをフォント自体に含んでいる
    • このにじみはもともと サブピクセルレンダリング の産物だったが、今ではノスタルジーや独立した視覚要素としても使われている

  • Two Slice

    • Joseph Fatulaの Two Slice は、高さが 2ピクセルしかない フォントで、「ある程度読める」ことを掲げている

  • Geist Pixel

    • 前述のフォントはいずれも、現代のOSにインストールできる ベクターフォント でありながら、ピクセルフォントのように見えるよう作られている
    • Vercelの Geist Pixel は、ピクセルフォントを単なる装飾ではなく、より広いタイポグラフィシステムの中で使われる 機能的ツール として扱っている
    • Geist Pixelは、ピクセルフォントがプロダクションでしばしば破綻する理由として、ビューポート間でのスケーリングの問題、既存タイポグラフィと衝突するmetrics、純粋な装飾性を挙げ、視覚的な質感と製品に必要なタイポグラフィ上の厳密さを両立させようとしている
    • フォントの弱点は文字の形そのものではなく、カーニング、メタデータ、追加グリフ、縦方向のmetricsのような目に見えない周辺作業にあることがあり、Geist Pixelチームは特に縦方向のmetricsを重視している

関連記事

1件のコメント

 
GN⁺ 6 시간 전
Hacker News のコメント

  • 忘れられがちな点として、現代のピクセルフォントはどれもピクセルの縦横比を 1:1、つまり高さと幅が同じだと仮定していることが挙げられる。だから 8x8 の文字ボックスは完全な正方形になる。
    しかし昔のコンピューターディスプレイの多くはそうではなく、たいていは縦方向より横方向の解像度のほうが高密度で、同じ物理的距離の中に横ピクセルのほうが多かった。1:1 の正方形ピクセルは Macintosh の革新に近いもので、当時は非常に珍しかったため、このページのフォントをほかの 80 年代の機器で見ても「正しく」は見えなかったはず。逆に、それらの機器のフォントを現代のディスプレイに持ってきても不自然になる。

    • 完全に忘れ去られたわけではない。たとえば、おそらく最大級のビットマップフォント資料である int10h フォント集では、フォントごとの縦横比補正がはっきり示されている https://int10h.org/oldschool-pc-fonts/

  • Analog Mono と Two Slice は本当に素晴らしい。こういうものが好きなら、私の好きな現代ピクセルフォントのひとつである Departure Mono も気に入ると思う https://departuremono.com

    • Papers, Please のビデオゲームで使われていそうなフォントという感じがする。
    • 私もまさにそれを言いに来たし、実際 Departure が大好きで、コーディングやターミナルのフォントとして使っている。元記事のフォントもぜひ試してみるつもり。

  • いまだに X11 に含まれている 7x13 の misc fixed フォントを使っている人はいる？ どうしても変えられない。14 インチ 1920×1200 でも、35 インチ 3440×1440 でも完璧に読める。小さいけれど、そこがむしろ本質でもある。
    唯一の問題は、そのサイズだと Nerd Font の記号が本当に読みづらいこと。描画できるようにするだけなら alacritty ではそれほど難しくないが、rxvt-unicode では少し追加のハックが必要になる。

  • https://viznut.fi/unscii/ が好き。ASCII アート向けに作られたけれど、ターミナルでも今なお問題なく使えるし、Unicode の更新も続いている。

  • Geist は純粋にひどく見える。ベクターフォントをピクセルグリッドに雑に落とし込んだような感じで、個性もなく、バンディングや字形に対する細やかな配慮も足りない。

  • 数年前、128x64 のとても小さなディスプレイを使う組み込みプロジェクトをやっていて、ピクセルフォントを使いたかったのだが、見つけたものの中に満足できるものがなかったので自作した。やってみると本当に簡単で、Font Forge は素晴らしく、とても使いやすい。
    欲しいサイズでいくつかの文字を固めて始めれば、すぐに統一感があって見栄えがよく、読みやすい成果物を作れる。練習がてらやってみることを強く勧めたい。おまけに、プロジェクト用のオープンソースアイコンも大量にフォントグリフとして詰め込んだし、判別可能性を保ちながらどこまで小さくできるかを探る過程もとても楽しかった。

  • 低解像度ソフトウェアを愛する者としては、2003 年以降だれも超えられていない最高のフォントを認めざるをえない https://www.dafont.com/04b-03.font
    最近は、ソフトウェアを素敵なファンタジーの古書のように見せるという点でこれが最高だ https://skeddles.itch.io/eldring-pro

  • Analog Mono と Geist はグリフあたりのピクセル数が十分に多いので、おおむね 20px 以下のサイズではピクセルフォントのようには読みやすくない。Analog は大きな 2x2 ピクセルブロックを重ねた形なので、その点をある程度和らげているが、Geist は私には単に縮小したベクターフォントに見える。

    • 私の目には高解像度 X11 フォントのように見える。特別に独創的でもユニークでもない。

  • Gohu フォントがかなり好き。最近静的ブログのスタイルをいじっていて、http://dntbl.ink で woff2 に変換して使った。レンダリングのされ方と、VAXっぽい雰囲気が出るところが本当に気に入っている。