10
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 1 year has passed since last update.

Visual Studio CodeAdvent Calendar 2023

Day 6

0の中身が点のフォント字形が好きじゃない人向けの対処法(リガチャの個別設定)

Last updated at Posted at 2023-12-06

やりたいこと

リガチャするフォントをプログラミングに使っている人は多いと思いますが、「この記号はリガチャして欲しくないんだよな」とか「この文字はこの字形の方がいいんだよな」っていう時に使える小技です。タイトルはかなり限定的な感じですが、結構汎用性ある技だと思います。

JetBrains Mono好きすぎる

私は普段コードを書く時にJetBrains Monoを使っています。

今までConsolas→Source Han Code JP→SF Mono→Fragment Monoを使ってきて、現在はJetBrains Monoです。マジで好きです。愛してます。こんな見た目になります。

image.png

(流石に日本語はヒラギノ角ゴシックです)

スクリーンショット 2023-12-07 0.05.14.png

しかしいただけないのは0とl(小文字)の字形です。中身が点なのと、lのしっぽが曲がっている?のは個人的好きではありません。これは良い悪いの問題ではなくただの僕個人の性癖です。

リガチャ・別字形の設定を一覧で見る

フォントによってはOpenType featuresとかいう名称で書いてあります。スクリーンショット 2023-12-07 0.09.47.png

JetBrains Mono以外にも書いてあります。Fragment Monoの方はこちら

このList of featuresを見ると個別にリガチャの設定ができるようになります。例えば、zeroのところにChanges 0 to slashed variant(0を斜線に変えるよ)と書いてあるので、以下のようにVSCodeのsettigs.jsonに追記します。今回はlの字形もかえたいのでcv01も追加します。

settings.json
{
    "editor.fontLigatures": "'zero', 'cv01'"
}

スクリーンショット 2023-12-07 0.18.34.png

↑変更前

スクリーンショット 2023-12-07 0.17.51.png

↑変更後

私の好みの字形に変更することができました。他にもss19を指定して等号のリガチャを無効化したりなど、リガチャの設定を細かく設定できます。

終わりに

こんな記事を読まなくても、フォントを導入する時にそのドキュメントを読めばわかる話なのですが、そもそもリガチャを個別で設定できるって知ってなかったらドキュメントを読もうって発想にならない人も多いと思うので(実際僕もそうでした)Qiitaに起こしました。

それではHappy VSCoding!!!

布教

ここからはただの布教です。なぜJetBrains Monoが好きなのか。

まず縦ラインが見やすい。他のフォントにはない独特の雰囲気があるのはおそらく縦のラインが綺麗だからだと思います。この徹底ぶりは0や括弧()までも及んでいて、ちょっと潰されてる?感じになっています。

これのおかげで、等幅フォントの良さを最大限享受することができます。プログラムって基本的に左右方向ではなく、縦のつながりを見ると思うので目が疲れずにおすすめです。

他にもウェイトが多かったり、斜体がただ斜めになっているだけでなくて、綺麗に調整されてたりと推しポイントはたくさんあります。

スクリーンショット 2023-12-07 0.29.12.png

ターミナルなど、日本語フォントを個別で設定できない環境ではUDEV Gothicもおすすめです。

スクリーンショット 2023-12-07 0.34.42.png

皆さんのおすすめフォントもコメントで教えてください!!

10
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
10
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?