1
2

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.

VScodeにSourceHanCode JPを追加した。(文字フォント、windows10)

Last updated at Posted at 2020-02-28

image.png
#目的

VS codeに見やすい日本語フォントを追加する。
※ 今回はSource Han Code JP(源ノ角ゴシックJP)
#手順 ###1.GitHubからフォントを取得 ・**GitHubの[リンク](https://github.com/adobe-fonts/source-han-code-jp#download-the-fonts)**にある**Download the fonts**の**Latest release** をクリック ・**Assets**の**Source Code(zip)**をクリック。※保存先はどこでも良いです ・保存したzipファイルを解凍する。 ###2.フォントをインストール ・Windowsの設定を開く。(ショートカット:win + i ) ・個人用設定をクリック ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/444886/6aadf8d3-a581-de89-7c4c-3add0c042c0b.png)

・左の項目からフォントをクリック
・解凍したフォルダ内のOTCフォルダを開き、ttcファイルをドラッグ&ドロップする
image.png
###3.VScodeでフォントを設定
VScodeを起動して設定を開く(メニューのファイル - 基本設定 - 設定)。(ショートカット:ctrl + , )
Editor:Font Family にカンマ区切りでSource Han Code JPと追加( "family"で検索可能 )
image.png
※文字フォントは左端が一番優先される。(今回はMonaco)


###最後に
全角がはっきり見えるようになった。
image.png

1
2
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
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?