プログラミング・ソースコード用のフォント

2017年9月23日2023年1月13日

Contents

1. プログラミング用フォントとは
2. programming fonts
- 2.1. Source Han Code JP （源ノ角ゴシック Code）
  - 2.1.1. インストール方法
3. プログラミングフォントの紹介
4. UI Font
- 4.1. Inter
5. フォント見本

プログラミング用フォントとは

パソコンを使用する際、文字の見やすさ（読みやすく、誤読しにくい）は非常に重要です。
Windowsにはメイリオという読みやすいフォントがインストールされていますが、プログラムのソースコードのような文字列を読むのにはあまり適していません。

そこで使われるのが、文字の一つ一つを確実に判別できるようにデザインされた、プログラミング用・コーディング用などと呼ばれる視認性の高いフォントです。

Windowsには標準でConsolasというプログラミング用フォントがインストールされていますが、欧文フォントなので日本語は別のフォントで代替されます。
日本語も使えるプログラミング用フォントを使うにはインストールが必要になります。

programming fonts

Source Han Code JP （源ノ角ゴシック Code）

とりあえず使ってみるならこれ。

GitHub

インストール方法

ここのページを開き、Source Code(zip)をクリックしてダウンロードします

ファイルを解凍し、OTC/OTFフォルダー内にあるフォントファイルをダブルクリックするなどしてインストールします。
OTCフォルダー内には拡張子.ttcのものが入っていて、これはMac用。WindowsではOTFフォルダー内のファイルをインストールします。

太字は「Bold」、斜体は「It」などのファイル名が付いています。
太字や斜体が不要なら「SourceHanCodeJP-Medium.otf」、「SourceHanCodeJP-Normal.otf」、「SourceHanCodeJP-Regular.otf」あたりをとりあえずインストールしておけばよいと思います。

プログラミングフォントの紹介

Noto Sans CJK JP（ノト）

Google Noto Fonts

Ricty Diminished（リクティ・ディミニッシュト）

GitHub

緑色の「Clone or Download」から「Download ZIP」を押してダウンロードします。

PlemolJP

IBM Plex Mono と IBM Plex Sans JP を合成した日本語プログラミングフォント PlemolJP (プレモルジェイピー)。

GitHub

CamingoCode

公式サイト

UI Font

Inter

公式サイト

フォント見本

以下の見本はフォントがインストールされている場合にそのフォントで表示されます。

ＭＳゴシック
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

ＭＳＰゴシック
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

メイリオ
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

源ノ角ゴシック Code JP（Source Han Code JP）
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

Myrica M
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

Cica
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

M+ 1P
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

Ricty Diminished
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

Noto Sans CJK JP Regular
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

UD デジタル教科書体 NP-R
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ

UD デジタル教科書体 NK-R
1lI| Oo0 ,.;:!"' 38 2Z MN ji
illusion
<img src=\"{$post_thumb}\" alt=\"{$title}\" title=\"{$title}\"></a>
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ