見やすいプログラミング用フォント「Ricty Diminished」をWindowsにインストールしてSublime Textで利用する方法

プログラム用のフォント「Ricty Diminished」というのをネットで見かけました。

このフォントは、以前から名前だけは何度か目にしたことがありました。けれど、まだ実際に使ったことはなかったので、この機会にWindows8.1にインストールして、Sublime Text3に設定し、利用してみました。

僕の利用目的は、CSSやHTML、PHPなどの編集目的ですが、かなり見やすくて良いフォントだったので使い方の紹介です。

Ricty Diminishedとは

Ricty Diminished (リクティ・ディミニッシュト) は Ricty の姉妹フォントで、Inconsolataと Circle M+ 1m を Ricty 生成スクリプトで合成したフォントです。

特徴として以下のものが挙げられています。

• ラテン文字には、Inconsolata が適用
• その他にはCircle M+ 1mが適用（M+の視認性の高い日本語文字が利用可能）
• 半角文字と全角文字の横幅の比が 1:2 に調節されている
• 全角スペースが可視化
• いくつかの全角グリフが対応する半角グリフと差別化されている
• en ダッシュ、em ダッシュが破断線のようになる

プログラミング用のフォントは、エディターなどで見たときに、可読性が高いデザインになるよう作成されています。

例えば、英語の小文字のエル「l」や、大文字のアイ「I」、数字の「1」、その他にも英語のオー「O」と、数字のゼロ「0」などの見分けがつきやすいように作成されています。

それに加えて、Ricty Diminishedでは、視認性の高い日本語文字が使用されており、半角と全角が 1:2 に調節されているので、日本語で入ったコメントなども綺麗に表示されます。

主な手順

Ricty Diminishedを利用する主な手順は、以下の3手順になります。

1. 「Ricty Diminished」フォントをダウンロード
2. フォントをインストール
3. Sublime Textで設定

ゆっくりとやっても、5分くらいで終わる設定です。

Ricty Diminishedのダウンロード

まずは、Ricty Diminishedをダウンロードします。

yascentur/RictyDiminished · GitHubに移動し、「Download ZIP」をクリックしてダウンロードしてください。

最新バージョンは、以下からもダウンロードできます。

http://www.rs.tus.ac.jp/yyusa/ricty_diminished.html

www.rs.tus.ac.jp

ダウンロードしたファイルは、解凍してください。

フォントをインストール

ダウンロードした「RictyDiminished-master.zip」ファイルを解凍すると、以下のようなファイルが作成されます。

• README.md（Readmeファイル）
• RictyDiminished-Bold.ttf
• RictyDiminished-BoldOblique.ttf
• RictyDiminishedDiscord-Bold.ttf
• RictyDiminishedDiscord-BoldOblique.ttf
• RictyDiminishedDiscord-Oblique.ttf
• RictyDiminishedDiscord-Regular.ttf
• RictyDiminished-Oblique.ttf
• RictyDiminished-Regular.ttf

インストール

解凍（展開）したファイルの中の「.ttf」ファイルなどを開くと、表示サンプルを見ることができます。

表示サンプルを確認後、気に入ったら「インストール」ボタンを押すとフォントをインストールできます。

まとめてインストール

ダウンロードしたフォントをすべてインストールするには、「コントロール パネル→デスクトップのカスタマイズ→フォント」を開いて、ダウンロードしたフォントをドラッグ＆ドロップすれば、まとめてインストールすることができます。

インストールが完了すると、同じタイプのフォントはまとめられて「Ricty」で検索すると、以下のような2つのアイコンで表示されます。

1つのフォントに、「標準」、「太字」、「斜体」、「太字斜体」の4項目あるので、合計8つのTTFファイルがインストールされました。

Sublime Textで設定

Sublime Textで、設定を行うには、メニューの「基本設定→基本設定 – ユーザー」から行います。

ユーザー設定に、以下のように書くとRicty Diminishedフォントを利用できます。

//フォント名
"font_face": "Ricty Diminished",
//"font_face": "Ricty Diminished Discord",

2つのフォントの違い

Ricty Diminishedと、Ricty Diminished Discordの違いは、以下。

• 0（ゼロ）がスラッシュかドットか
• DやZにクロスバーがあるかどうか
• l(小文字のエル)と間違いの多い|(パイプ)が一本棒か破断線か
• r（小文字のアール）やl(小文字のエル)などの微妙なデザイン
• 日本語での変化はない

Ricty Diminished

Ricty Diminished Discord

動作確認

僕はこれまで、Sublime Textでは、デフォルトのフォント「Consolas」を利用してきましたが、変更したことにより以下のように変化しました。

混同しやすい文字と日本語

Consolas

これまでは、英語の小文字のエル「l」と数字のイチ「1」がかなり似ています。

それに加えて日本語と併記した場合、半角と全角が1:2になっていないので、無理やり手動でカラムを揃えようとしても、うまく列が合いません。微妙にずれます。

Ricty Diminished

それに比べて、Ricty Diminishedは、それぞれの文字の違いがわかりやすいですし、カラムをパッケージなどを利用して揃えると、ピシッと合います。

CSS

Consolas

Ricty Diminished

PHP

Consolas

Ricty Diminished

まとめ

今回、「Ricty Diminished」を利用してみて、個人的には半角英数字と、日本語とのバランスが良くなった感じです。半角英数字1文字に対して、全角文字が2文字に調整されているからではないかと思います。

ただ、フォントは好みや慣れの問題もあるので、これを使用しておけば、間違いないというものでもないです。

「現在プログラムなどで使用しているフォントが見づらい・合わない」なんて方にはお勧めのプログラミング用フォントだと思います。

その他にも、Myricaという素晴らしいフォントもあります。

視認性の高いプログラミングフォント「Myrica」をWindows＋Sublime Textで使う方法

先日、見やすいプログラムフォント「Ricty Diminished」を紹介しました。 今回は、Rictyをより進化させたMyric...

nelog.jp

2017-01-09 15:12