読者です 読者をやめる 読者になる 読者になる

文系プログラマによるTIPSブログ

文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。

Ricty Diminished と Source Code Pro と Source Han Code JPのフォントを比較する

フォント

先日Adobeからプログラミング用途で作られたSource Code Proをベースに、日本語を最適化したフォント「Source Han Code JP」がリリースされたので、早速競合と比較してみます。

各フォントのダウンロード先

Source Code Pro

github.com

Ricty Diminished

github.com

Source Han Code JP

github.com

比較環境

マシン iMac Retina 5K
テキストエディタ Atom (version 0.209.0)

各フォントを基本文字で比較

※ 全てregularフォントでの比較です

Source Code Pro

Adobe製のフォントです。プログラミング用フォントなのですが、日本語をほとんど意識してないせいか、主に記号が潰れてしまっています。
f:id:treeapps:20150613140110p:plain

Ricty Diminished

Ricty派生のRicty Diminishedです。日本語が意識されているため、相当綺麗に表示されます。また、文字と文字の間隔も日本語を意識しているせいか、他フォントより間隔が合いていて見やすくなっています。しかし一部全角記号は潰れてしまっていますね。
f:id:treeapps:20150613140057p:plain

Source Han Code JP

そして先日公開されたAdobe製のSource Han Code JP。プログラミング用途のSource Code Proをベースに日本語に最適化されたものです。なんと全角記号が潰れず綺麗に表示できています。これは驚き。
f:id:treeapps:20150613140127p:plain

各フォントをhtmlで比較

html + jqueryのサンプルコードです。

Source Code Pro

f:id:treeapps:20150613142253p:plain

Ricty Diminished

f:id:treeapps:20150613142306p:plain

Source Han Code JP

f:id:treeapps:20150613142317p:plain

各フォントをjavaで比較

spring bootのサンプルコードです。

Source Code Pro

f:id:treeapps:20150613142956p:plain

Ricty Diminished

f:id:treeapps:20150613143006p:plain

Source Han Code JP

f:id:treeapps:20150613143015p:plain

雑感

エディタはプログラミング以外の文章も普通に書くので、やはり日本語が重要になります。■や◯や★等の全角記号も使う機会が多いので、その辺りが潰れてしまうフォントは使いにくいですね。それを考慮すると、もう「Source Code Proを使う理由は無くなった」と言えるでしょう。

あとはRicty Diminished と Source Han Code JPですが、これはもう個人の趣向で選ぶといいと思います。Ricty Diminishedは一部全角記号が潰れてしまいますが、日本語が丸みを帯びていてかなり見やすい(個人的に)です。一方Source Han Code JPはソリッドなカチッとした感じですね。両者本当に素晴らしい表示をしてくれるので、両方使って気に入った方を選びましょう!!

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

  • 作者: 上野正大,杉本淳,前川昌幸,森田壮,こもりまさあき
  • 出版社/メーカー: インプレスジャパン
  • 発売日: 2014/03/20
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログ (3件) を見る