ソースコードが読みやすいフォント「源ノ角ゴシック Code JP」(Source Han Code JP) をインストールしてみました。

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

ソースコードが読みやすいフォント「源ノ角ゴシック Code JP」(Source Han Code JP) をインストールしてみました。

▲ 画像は公式サイトより。

フォントのダウンロード

ダウンロードは下記のページからできます。

• GitHub – adobe-fonts/source-han-code-jp: Source Han Code JP

Source Han Code JP の特徴

• 無料で利用できる。

• Adobe 社がオープンソースで開発している。

• 半角文字は「Source Code Pro」を適用。

• 全角文字は「源ノ角ゴシック」を適用。

• 半角３文字と全角２文字の横幅が同じになるように調整されている。

• 文字の太さは７種類。

• ある程度の行間が保持されており、行間を設定できないアプリで表示した時も見栄えが良い。

各アプリケーションでのフォント指定方法

Sublime Text の場合

"font_face": "SourceHanCodeJP-Normal",

CSS の場合

font-family: "源ノ角ゴシック Code JP Normal";

Evernote (Windows) の場合

Dreamweaver (Windows) の場合

まとめ

半角英数文字が大部分を占めるソースコードを読む場合は、半角英数字の横幅が広い Source Han Code JP を指定すると読みやすいです。(^o^)

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。