Go to Qiita Advent Calendar 2024 Top
LoginSignup
12
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@tetutaro(Tetsutaro Maruyama)in株式会社テクノフェイス

やっぱり Ricty が好き

Last updated at Posted at 2021-10-03

どんなフォントを使うかというのは、私のような PC を仕事に使っている人間にとって死活問題なのである（異論は認めない）。だからフォントが気になってしまうと、普通に２〜３日フォントの事ばかり考えてしまう。

PlemolJPか、それ以外か – プログラミング用フォント徹底比較！ | Output 0.1 によると、日本語対応のプログラミング用フリーフォントには３種類の系統しか無いとのことだが、私はそこに１種類加えて、以下の４種類じゃないかと思う。

有名なフォントたち

私の独断と偏見で選ぶと、上記の系統でそれぞれ有名なフォントは以下だろう。

  • 等幅フォント（エディタ用）
    • M+フォント系
      • Ricty, RictyDiminished
    • 源ノ角ゴシック系
      • Source Han Code JP
    • IBM Plex Sans JP 系
      • PlemolJP
    • IPA 系
      • Takao Font
        • 一昔前は、これか VL Gothic しか選択肢が無かった
  • プロボーショナルフォント（ブラウザ・LaTeX用）
    • M+フォント系：
      • Migu 1P
    • 源ノ角ゴシック系：
      • Noto Sans Japanese、Noto Serif Japanese
      • Source Han Sans Japanese、Source Han Serif Japanese

等幅フォントについて

等幅フォントの多くは、ASCII文字のフォントと日本語フォントを組み合わせたものになっている。（Takao を除く）上記のフォントにおけるASCII 文字のフォントと日本語フォントを以下に示す。

等幅フォント ASCII フォント 日本語フォント
Ricty Inconsolata Migu 1M
Ricty Diminished Inconsolata Circle M+ 1M
Source Han Code JP Source Code Pro Source Han Sans Japanese
PlemolJP IBM Plex Mono IBM Plex Sans JP

プログラム用の ASCII フォントとして圧倒的に有名なのは Inconsolata だと思うが、Source Code Pro は Adobe が出したフリーのプログラム用フォントということで興味があったし、IBM Plex Mono だってそうだ。
だから Ricty, Source Han Code JP, PlemolJP の３種類を抑えることで、有名所は一通りカバーすることが出来るのかと思う。

ということで比較してみる。Nerd Font と合成して、powerline-shell や VIM Airline を使った時の感触も見てみる。

monospaced_fonts.png

  • Source Han Code JP
    • デカイ！確かに見やすいが、スカスカになってしまう
    • 数字のゼロが、目玉になってるやつ（好きじゃない）
    • $, % がブチブチだなぁ
    • 日本語で見分けが難しい文字（漢字の一と長音とか）の区別はあまり頑張ってない印象
    • Nerd Font との合成が何故か上手くいかなかった
    • 全角スペースをなんとかして欲しかった（←すごい便利なのよ）
  • PlemolJP
    • 細長い！縦にミヨ〜ンって長い印象
    • PlemolJP35 だと半角：全角＝３：５なので、だいぶ丸い印象になるが、半角：全角＝１：２じゃないと長さが揃わなくて嫌な人なんだよ・・・
    • 数字のゼロが、目玉になってるやつ（好きじゃない）
    • 波括弧、大袈裟すぎじゃね？
    • # が真ん中で切れてるのが気になる
    • 全角スペースが四角い点線になるのは、悪くない
  • Ricty
    • 他のフォントに比べると、圧倒的に丸い。行間が狭く、同じ大きさの画面でも多くの行が見れるので、素晴らしい
    • ひらがな・カタカナ・漢字で見分けにくいものには、工夫が施されている（Migu の作者さんの努力だろう）
    • チルダの波がもっとグネグネしている方が分かりやすいのではないか（IBM Plex Mono ぐらいグネって欲しい）
      • ↑ 自分で置き換えるスクリプトを作った！
    • 半濁音が異様にデカイけど、可愛くて好き
    • 数字のゼロが目玉じゃない！（嬉しい）
    • 全角スペースが点線の丸になっているの、本当に助かる
  • Ricty と Ricty Diminished の違い
    • Migu の作者さんの努力のお蔭か、最新の Migu だと見分けが付かない
    • Diminished は Nerd Font と合成するとずれがち
    • もはや Diminished の必要性を感じない

ということで、やっぱり俺は Ricty なんだなぁと感じた次第。

このために３日間ぐらいフォントについて考えたんだけど、結論はやっぱり Ricty。

Ricty は生成スクリプトが公開されているので、それで作ると、Discord バージョン（文字の雰囲気を壊してまで見やすさを優先するバージョン）が作れる。
この Discord で変更されるフォントは以下。

discord.png

上が普通の Ricty で、下が Ricty Discord。

  • 07DZlrz は飾りが付いたり消えたりする
    • 0 は本当は目玉になるはずだけど、なぜかならない
  • | は途中で途切れる
  • "'｀^ は大きくなる
  • ~ はちょっと上にあがる
  • ,.:; も大きくなる
  • *+-=<> はちょっと下にさがる
    • 半角アルファベットとのバランスが良くなる

全部やるんじゃなくて、変更しないものを選ぶことが出来る。私は 07DZlrz|~ をやめた。
すると、特に "',.:; あたりの効果が大きく、かなり見やすくなったと感じた。

ということで、ボクの考えた最強の Ricty を作ることが出来るのである。やっぱり Ricty が好き。

プロポーショナルフォントについて

プロポーショナルフォントは、仕事（プログラミング）では使わないので、問題がなければ特に気にしていない。 Noto Sans Japanese で良いんじゃないかな。
（ちょっと前まで Noto Sans CJK JP って言ってたはずだけど、いつの間に変わったのか）

一応比較する。

propotional_fonts.png

  • Megu 1P は、普段使うのにはマルッこ過ぎるので、ほっこりしたい時に使う感じか
    • 行間はやはりちょっと狭いけど、プログラムじゃない場合は逆に見づらいかな
  • Noto Sans Japanese と Source Han Sans Japanese は、変わんないんじゃない？

ということで、やはり Noto Sans Japanese で良いんじゃないかという結論。

フォントのリンク集

今までに挙げたフォントのリンク集。ご参考までに

Rictyを生成するスクリプト

ちなみに私が作った、Ricty を合成したり、なんやかんやするスクリプトは以下。

「ボクが考える最強の Ricty」を作るために私がやったことリスト

  • 使ったもの
    • Ricty 生成スクリプト
      • Version 4.1.1 （2017年12月3日）
    • Inconsolata フォント
      • v3.001
      • 上記に示した repository よりコチラの方が新しそう
    • Megu 1M フォント
      • バージョン 20200307
    • IBM Plex Mono フォント
    • Nerd Fonts
      • Nerd Fonts version: 2.1.0
      • font-patcher script version: 3.0.1
  • 作り方
    • Discord 化しない文字（-d オプション）として 07DZlrz|~ を指定して Ricty フォントの作成
    • os2version_reviser.sh は、たぶん悪さをしないので、かける
    • 生成された中で、Discord フォント（４種類）の ~ を IBM Plex Mono の ~ と置き換える
      • IBM Plex Mono の ~ は、em を 840x160 とした上で、横幅だけ 90% に縮小し、幅を 500 に設定
    • 生成された８種類のフォントにすべて Nerd Fonts をマージするパッチをかける
      • ライセンス的にヤバそうな pomicon を除く全てのアイコンをマージ
      • --adjust-line-height オプションを付けて、追加するグリフの高さを揃える
    • 生成された１６種類のフォントのTTF名・ファイル名を整理する
      • 特に Nerd Fonts をマージしたフォントの名前は酷いことになるから
      • Oblique って、言いたいことは分かるけど、ぱっと見わかりにくいし、対応しないアプリとかありそうだから、思い切って Italic って変更した

こんな感じに出来たので、とりあえずは満足（またいじるかもしれない）

スクリーンショット 2021-10-04 9.33.29.png

12
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
12
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?