自分にぴったりのコーディング フォントを見つけるためにこの Web ゲームをプレイしました

in tech

フォントはたくさんあるので、選ぶのは大変です。そこで、実証済みの方法であるエリミネーション トーナメントを使用して勝者を選んでみてはいかがでしょうか。

この勝者総取りの戦いで、セリフを確認し、合字を見つけられるかどうかを確認し、X 高さを比較してみてください。

コーディングフォントとは何ですか?

フォント比較の流用方法

codingFont は、勝ち抜き戦ですべてのフォントを競い合うことで、お気に入りの等幅フォントを選択するのに役立つシンプルな Web ゲームです。一度にフォントをペアにして、それぞれのコードサンプルを並べて表示することで、好みのフォントを選択するように求められます。

フォントのリストと、それぞれ異なるフォントを持つ 2 つのコード サンプル。

JetBrains Mono、Courier Prime、IBM Plex Mono など 28 種類のフォントから選択できるため、特に等幅フォントの使用に真剣に取り組み、時間をかけて取り組みたい場合には、かなりの作業が必要です。ただし、心配する必要はありません。「選択」ボタンをスパムしてオプションを移動したいだけであれば、問題なくそうしていただけます。

さらに、ここにあるフォントはすべてダウンロード可能で無料で使用できるため、すぐに試してみるのに最適な選択肢が見つかるでしょう。

完璧なフォントを選ぶ方法

一連の単純な分割テストだけ

codingfont.com サイトでは、デフォルトでラウンド 1 から開始します。左側の列にフォントのペアがあり、現在のフォントごとに 1 つずつ、2 つの大きなコード ブロックが表示されます。コード サンプルのテーマとフォント サイズを設定できます。最良の比較を行うために、エディタの設定と一致させることをお勧めします。

それぞれのフォントを注意深く検討したら、好みのフォントを選択してください。決定に役立ついくつかの要素を次に示します。

  • サイズとスペース。これらの各フォントは同じ行の高さで表示されますが、フォントによっては x-height (小文字の高さ) が大きく、行間のスペース (先頭) が異なる場合があります。個々の文字の横幅も異なる場合があります。

  • 区別性。 0 (ゼロ) と O (大文字の「オー」) など、一部の文字は区別するのが難しい場合があります。 codingFont は、コード サンプルにこれらの例を含めることで役立ちます。

  • スタイル。セリフとサンスどちらが好きですか?スラブセリフはどうでしょうか?すべての等幅フォントは同じに見えると思うかもしれませんが、この選択には間違いなくいくつかの外れ値があります。

  • 合字。一部のフォントは、== などの特定の文字の組み合わせを結合して、1 つの記号のように見せます。通常、この動作はエディターでオンまたはオフにできますが、大ファンの場合は、合字のないフォントを除外するのに役立ちます。

  • 個人的な好み。他のすべてがうまくいかなかったとしても、自分の直感に従って行動しても問題はありません。

各フォントを少なくとも 1 回比較したら、ラウンド 2 に進み、このプロセスを繰り返すことができます。

フォント ペアのリスト。各フォント ペアには、選択された勝者が並んでいます。

私が選んだフォントとそれについての感想

多少の練習は必要でしたが、結果は気に入っています

Zed のメイン編集フォントとして Maple Mono を使用し、ターミナル フォントとして JetBrains Mono を使用しています。 codingFont には前者はありませんが、後者はあるので、端末置換フォントを選択することを目指しました。

それがまさにゲームの表現方法なので、私はこれをゲームとしてもアプローチしました。これは、最も読みやすいフォントを決定するための厳密な科学的実験ではありません。むしろ、新しいお気に入りの書体を発見するのに役立つかもしれない楽しい練習です。それでも、それぞれのフォントの要素をじっくり考えたかったので、ラウンド1ではかなりの時間を費やしました。

Azeret Mono などの一部のフォントは明らかに間違っていました。

Azeret フォントで示されたコード サンプル。ゼロと大文字の oh にはほとんど違いがありません。

実現には多くのことがあったものの、ゼロと文字「O」の区別がなかったため、すぐに候補から除外されました。これは、私にとってコーディング フォントに関する赤い線の 1 つです。文字を間違えた結果、非常に多くのバグが発生する可能性があります。

フィールドを半分に絞り込むと、驚くべきことはほとんど残りませんでした。私は最も奇妙な候補を除外し、私が重要だと感じたものを反映していると思われるフォントのセットに落ち着きました。ここからは、各フォントの何が気に入っているかがわかっていたため、プロセスがはるかに速くなりました。

たとえば、Overpass Mono と Victor の両方でシンボルを垂直に配置する方法がとても気に入りました。

しかし、Victor Mono は X ハイトが大きいため、かなり古風な印象を与え、タイトなリーディングは好きではありませんでした。

私の最終的な勝者は…

模擬証明書 "絶対的な素晴らしさ" IBM Plex Mono フォントに授与されました。

…IBM Plex モノ。

macOS にフォントをインストールしたので、それを試すようにエディタを設定しました。慣れるまでに少し時間がかかりましたが、この変化は良い方向に進んでいると思います。このフォントは以前選択したものよりも鮮明で、読みやすく感じられます。

IBM Plex Mono フォントで表示された Zed エディターのソース コード。

私の端末のように、軽いテーマでは実際にはさらに優れていると思います。

eza コマンドからの出力では、ファイルが等幅フォントで表示され、一部のテキストが太字で表示されます。

これは、フォントのウェイトの範囲がいかに効果的であるかを示しています。 eza のような、さまざまな重みを使用して出力をフォーマットするコマンド ライン プログラムでは、これは重要な考慮事項です。


選ぶのがこれほど簡単なら、考えを変えることもできる

これが私の問題です。私はフォント微調整中毒です。 IBM Plex Mono は今の私にとって完璧なフォントかもしれませんが、1 年後に戻ってきて尋ねられたら、まったく別の話になる可能性があります。

ただし、CodingFont は非常に使いやすく、必要に応じてすぐに実行できます。あと 1 回実行するだけで、配達員からいとこを選別できます…

関連記事

前の投稿
Anker Nebula P1i プロジェクターが現在 70 ドル以上オフ
次の投稿
Bluesky では引き続き接続の問題が発生しています

関連記事