プログラミング向けフォント「UDEV Gothic」の紹介

## 概要

同僚の書いた[『プログラミング向けフォント「0xProto」の紹介』](https://qiita.com/usamik26/items/2ab0c4b88bf7c00845dd)を読んで影響を受け、私が好んで利用しているプログラミング向けフォント「[UDEV Gothic](https://github.com/yuru7/udev-gothic)」を紹介したくなったのでこの記事を書きました。  

## 「UDEV Gothic」とは

「UDEV Gothic」とは、ユニバーサルデザインフォントの [BIZ UD ゴシック](https://github.com/googlefonts/morisawa-biz-ud-gothic) と、 開発者向けフォントの [JetBrains Mono](https://github.com/JetBrains/JetBrainsMono) を合成した、プログラミング向けフォントです。  
BIZ UD ゴシックの優れた機能美はそのままに、調和的で判読性の高い英数字を提供することを目指しています。  
（[GitHub の README](https://github.com/yuru7/udev-gothic?tab=readme-ov-file#udev-gothic) より引用）

https://github.com/yuru7/udev-gothic

2022 年 3 月 23 日に [v0.0.1](https://github.com/yuru7/udev-gothic/releases/tag/v0.0.1) が公開され、本記事執筆時点（2024 年 2 月 17 日）の最新版は [v1.3.1](https://github.com/yuru7/udev-gothic/releases/tag/v1.3.1) です。  

参考までに UDEV Gothic がリリースされた当時の記事をいくつか紹介します。
- [仕事早っ！！ オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース](https://coliss.com/articles/build-websites/operation/work/udev-gothic.html)
- [モリサワの高品質フォントに可読性抜群英字フォントを合成した「UDEV Gothic」レビュー、全角スペース可視化やリガチャにも対応](https://gigazine.net/news/20220325-udev-gothic-biz-ud-jetbrains-mono/)
- [「BIZ UD」ベースの開発者向けカスタムフォント「UDEV Gothic」がさっそく登場【4月18日追記】](https://forest.watch.impress.co.jp/docs/news/1397795.html)

## UDEV Gothic の特徴

簡単に説明すると、モリサワ社の BIZ UDゴシック と JetBrains 社 の JetBrains Mono が組み合わされており、プログラミングでよく使う英数字の判読性だけでなく、日本語部分の美しさにも配慮されたフォントです。  
詳しくは [README の特徴の項](https://github.com/yuru7/udev-gothic?tab=readme-ov-file#%E7%89%B9%E5%BE%B4) を参照ください。  

## UDEV Gothic の推しポイント

以下の表は JetBrains Mono と UDEV Gothic 35JPDOC Regular とで同じ文章を表示したもののスクリーンショットです。

| JetBrains Mono | UDEV Gothic 35JPDOC Regular |
|---|---|
| <img width="667" alt="スクリーンショット 2024-02-17 21 37 25" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/c6af0a4c-fad3-460c-895f-2c5160bec9ad"> | <img width="652" alt="スクリーンショット 2024-02-17 21 37 46" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/7af897a9-a6b7-4ffe-b777-b52e84ba627f"> |

このスクリーンショットをもとに、特に推しているポイントを紹介します。

### 日本語部分に違和感がなく読みやすい

日本語フォントと組み合わせているのである種当然ではあるのですが、日本語の文章を読んだり書いたりするときに読みやすく、ストレスを感じにくいです。  
プログラムを読み書きするだけでなく日本語の文章を編集・校正することも多いため、長時間見ていても読みやすく感じるという点でポイントが高いです。

### 0 に斜線が入っている

スクリーンショットを見ていただくと、JetBrains Mono は 0 の円の中に点があるのですが、UDEV Gothic では斜線になっていることがわかります。  
細かい差異ですが、この点もポイントが高いです。

### 全角スペースがわかりやすい

スクリーンショットを見ていただくと、UDEV Gothic では全角スペースが点線囲みの四角になっていることがわかります。  
プログラムを読み書きするときだけでなく、日本語の文章を読み書きするときにもとても有用で、ポイントが高いです。  
余談ですが、全角スペースの代わりになぜか欧文スペース 2 つで代用する人が結構いるんですが、欧文スペース 2 つは必ずしも全角スペース 1 つと同じ文字幅にはならないので、日本語の文章を書くときは全角スペースで統一してほしいです。

### 行間がいい感じの空き

これは完全に好みですが、他のフォントより間延びしている感じがしない行間もポイントが高いです。  

### 複数のバリエーションから選択できる

以下の表は、README に記載されているバリエーションをベースにして、スクリーンショットの列を追加したものです。

| 種類 | 説明 | 命名パターン | スクリーンショット |
| --- | --- | --- | --- |
| 文字幅比率 半角1:全角2 | JetBrains Mono を縮小することで、半角1:全角2の文字幅比率となるように合成したバリエーション。 | UDEVGothic*-*.ttf<br>※ファイル名に 35 が含まれて **いない** もの | <img width="556" alt="スクリーンショット 2024-02-17 22 03 20" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/0048b123-19e2-422e-96a2-d3fb6541866b"> |
| 文字幅比率 半角3:全角5 | JetBrains Mono を縮小せずに合成し、半角3:全角5の文字幅比率としたバリエーション。半角1:全角2と比べ、英数字などの半角文字がゆとりのある幅で表示される。 | UDEVGothic35*-*.ttf<br>※ファイル名に 35 が含まれて **いる** もの | <img width="657" alt="スクリーンショット 2024-02-17 22 04 33" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/86fa1180-78b3-4379-a8a6-e5850288fa13"> |
| 日本語文書向け | 日本語文書で頻出する記号類 ( ← ↓ ↑ → □ ■ … など) がBIZ UDゴシックの全角記号で表示される。 ※通常版の UDEV Gothic では、JetBrains Mono のグリフが優先されるため半角で表示される。 (全角表示されるようになる記号一覧は [こちら](https://github.com/yuru7/udev-gothic/blob/main/doc/JPDOC.txt)) | UDEVGothic*JPDOC*-*.ttf<br>※ファイル名に JPDOC が含まれたもの | <img width="551" alt="スクリーンショット 2024-02-17 22 07 00" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/0d530726-3341-4984-81d3-1c91893776d1"> |
| リガチャ対応版 | JetBrains Mono に含まれるリガチャに対応したバリエーション。 | UDEVGothic*LG*-*.ttf<br>※ファイル名に LG が含まれたもの | <img width="553" alt="スクリーンショット 2024-02-17 22 05 16" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/d9cb08bb-680c-4d2d-afd5-dcd58d0d02ac"> |
| Nerd Fonts 対応版 | [Nerd Fonts](https://www.nerdfonts.com/) を追加合成したバリエーション。拡張Powerline記号など、お洒落なターミナルで利用される記号を収録。 | UDEVGothic*NF*-*.ttf<br>※ファイル名に NF が含まれたもの | <img width="550" alt="スクリーンショット 2024-02-17 22 12 04" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/e8e0ec6b-356c-4e1e-b58f-e0fc345b73e3"> |

バリエーションがたくさんあって迷ってしまいますね。  

私は日本語向け文書を扱うことが多く、かつ文字幅がゆったりしているほうが読みやすく感じたので、「UDEV Gothic 35JPDOC」を使用しています。  

<img width="652" alt="スクリーンショット 2024-02-17 21 37 46" src="https://github.com/macneko-ayu/TextOutlineShapeView/assets/5406126/7af897a9-a6b7-4ffe-b777-b52e84ba627f">

## おわりに

IDE のテーマ選びと同じで、フォント選びも終わりがないこだわりの世界ですね。  
みなさんの推しフォントがあれば教えていただきたいです。  
一年おきぐらいに使用するフォントを刷新しているので、もしかしたら来年は違うフォントを推す記事を書いているかもしれないです。