0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【VSCode】0(ゼロ)とO(オー)を区別するためダウンロードしたフォントが読み込まれなかった話【初心者歓喜】

0
Last updated at Posted at 2026-01-17

はじめに(フォントをカスタマイズするメリット)

コーディング能力をあげるためには模写が良いとたまに言われます。
ただコピペするのではなく、あえて手打ちにすることでコードの仕組みとか流れを掴めると私も思います。

ただ、初めて学ぶ言語であればコードの意味を理解できず、以下のようなタイプミスをしてしまいコードが動かないこともしばしば...

・0(ゼロ)をO(オー)と記載
・1(いち)をl(エル)と記載
・I(アイ)を1(いち)と記載

もちろん、AIにコード投げれば一発で解決する話題ですが
ただでさえ調べることがたくさんのAI業界、こんなことに質問する手間と時間を減らすため、フォント設定をいじることも1つの手ではないでしょうか。

私も以前、0(ゼロ)をO(オー)と間違えてしまい
HTML/CSSファイルが正常に動かないことがありました。
そこで強く心に決めたんです。

「何が何でも、0に斜線をいれるようになりたい」と。

VSCodeのフォントは1分でカスタマイズできる。

先輩エンジニアの方に相談すると以下のメッセージをいただきました。
スクリーンショット 2026-01-18 081338.png

素晴らしいご助言。
すぐに調べて「Consolas」をダウンロード。
調べたら0に斜線を入れるフォントファイルはいくつかあるみたいです。

ダウンロードしても反映されない場合

ただ、当初Consolasをダウンロードするもフォント変わらず。
「なるほど。別のフォントで試すか」と別フォントを試すも状況変わらず。

原因は、大変恐縮ですが私がイケメン過ぎるがゆえ、VSCodeが言うことを聞いてくれないみ

原因は、どうやらVSCodeに設定できるフォントは1つだけなのに、
複数登録してしまっており、一番最初に記載のフォントのみが適用されていたことだと私の中では仮設としています。

改善方法

1分で改善できます。

フォントを使用するもの1つだけに設定すれば大丈夫です。
VSCodeにて「Cntr」「,」で設定開く、設定の検索にて「font family」とタイプ、
「フォント ファミリを制御します」の下にカーソル併せて
指定のフォントを入力します。こちらで私は解決致しました。

ちなみに複数フォントを使用していればここに複数のフォント名が記載あります。
image.png

フォント設定についてはこちらを参照にしています:https://www.javadrive.jp/vscode/setting/index5.html

VSCodeは汎用性が高く使用現場も多いエディタなので
もしフォントカスタマイズしたい際は使ってみてください。
自分の好きなフォントの方が、お仕事のモチベーションも上がるかもです。

それではまた!

動作環境

・Windows 11 Home
・Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz (2.40 GHz)

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?