日本語サイト制作するなら、このコーディング向けフォントが最強じゃないかと思う件

Webサイトの制作時に欠かすことのできないコーディング。エディターは可能な限り見やすいフォントにしたいものです。
そんなコーディング向けフォントに、現時点で最強と言ってもいいのではないかというフォントが登場しました。その名も「Source Han Code JP」。日本語表示を考慮したコーディング向けフォントです。

Introducing Source Han Code JP

またの名を「源ノ角ゴシック Code JP」というこのフォント、名前の通りAdobeがオープンソースで開発した「Source Code Pro」と「Source Han Sans JP (源ノ角ゴシック JP)」を組み合わせたものです。

Adobeの日本語フォント開発チームに所属する服部正貴氏が個人的に始めたオープンソースプロジェクトによるもので、「Source Code Pro」と「Source Han Sans JP」が調和するように、文字のサイズや太さを調整したとのこと。

つい先週公開されたばかりなのですが、早速ダウンロードして「Coda 2」や「Sublime Text」など、通常利用しているエディターに設定してみたところ、想像以上に読みやすいんです。いやはや素晴らしい。

以前、コーディング向けフォントに「Ricty Diminished」を勧めた記事を書きましたが、圧倒的に「Source Han Code JP」のほうがオススメ。

Ricty Diminished

ちょっとわかりにくいですが、こちらが「Ricty Diminished」でコードを記述した場合。こちらも日本語を意識しているフォントなので、十分読みやすいんですが、一部の全角記号が潰れてしまうという弱点があります。

Source Han Code JP

そして、こちらが「Source Han Code JP (源ノ角ゴシック Code JP)」でコードを記述した場合。「Ricty Diminished」と同じフォントサイズを指定してあるんですが、こちらのほうが文字が大きく、文字間もやや広めとなっています。

そして、前者の弱点である全角記号の潰れは全くなしです。凄い。

日本語サイトを制作する場合、コード以外のテキストも多く記述することになるので、そういう意味で日本語表示はとっても重要です。「Ricty Diminished」はそこも踏まえたフォントではありますが、総じて見やすさという点では「Source Han Code JP」に軍配が上がるかなと。

まぁ、この辺りは個人の好き好きにも左右されますけど、僕としては「Source Han Code JP」をオススメしたいですねー。
マークアップエンジニアはもちろん、ちょこちょこコーディングに手を入れるというブロガーさんなんかにも、ぜひ試してもらいたいところ。

GitHubページから無償でダウンロードできるので、ぜひ!

「Web制作技術」新着記事

AMP対応したならSearch Consoleでエラーチェックをしておこう

Avatar for ホシナ カズキ

ホシナ カズキ

リンクパーツとして「Embedly」を使うのはいいかもしれんね、という話

Avatar for ホシナ カズキ

ホシナ カズキ

なんか話題のパクリシステム「redo.me.uk」にうちもパクられてた件

Avatar for ホシナ カズキ

ホシナ カズキ

これ使ってみようかな? データベースいらずのフラットファイルCMS「Grav」

Avatar for ホシナ カズキ

ホシナ カズキ

CSSやJavaScriptへのクロールはブロックしないほうがいい! SEOにも影響するぞ

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビはモバイルやウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく