68
43

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 5 years have passed since last update.

macOSでプログラミングフォント SourceHanCodeJP を使う環境を整える

Last updated at Posted at 2017-11-13

SourceHanCodeJPとは日本語に完全に対応したプログラミングフォントです。
公開されてからまだ2年ちょっとなのですが、ずっと愛用しています。

どんな特徴のフォントなのかは、以下の記事が詳しいので参照してください。
https://ics.media/entry/7010

最近開発環境がMacに移ったので、導入手順をまとめておきたいと思います。
環境を構築するメモは今後、新しいMacに乗り換えた時の復元に役に立つでしょう。

ちなみに、WindowsLinuxでももちろん使えるフォントなのですが、指定する時のフォント名がMacとは異なるので注意。
WindowsとLinuxはこちらhttps://qiita.com/MrDairi/items/bcae2fc210326eda0ca3を参考に。

macOSに導入する

では早速、OSに導入しましょう。OSに入っていない事にはエディタで使えませんからね。

ちなみにダウンロードサイズは75.8MBとなっています。

インストールは以下のコマンドで。

curl -L https://github.com/adobe-fonts/source-han-code-jp/archive/2.011R.tar.gz | tar zx
mv source-han-code-jp-2.011R/OTC/SourceHanCodeJP.ttc ~/library/fonts
rm -r source-han-code-jp-2.011R

うまくインストールされていないときは、以下を実行してから再起動すると良いそうです。

sudo atsutil databases -remove

フォントのスタイル

説明では、自分が使用している、Regularを指定していますが、この部分に指定できるのは以下の通りです。

通常 イタリック
ExtraLight ExtraLightIt
LightIt Light
Normal NormalIt
Regular RegularIt
Medium MediumIt
Bold BoldIt
Heavy HeavyIt

Regularの部分は他に好みのfont-weightがあればその名前に適宜変更してください。

terminalに適用する

macOSデフォルトのterminalの場合です。

まずはメニューの環境設定を開く。
スクリーンショット 2017-11-13 23.31.26.png

そして使用しているプロファイルを選択して、フォントの変更を。
このとき、テキストをアンチエイリアス処理にチェックを入れておきましょう。
スクリーンショット 2017-11-13 23.32.21.png

そして、追加されている源ノ角ゴシック Code JPを選択して、好みのフォントサイズにします。
スクリーンショット 2017-11-13 23.39.50.png

Atomに適用する

config.csonを開いて、以下を追加。

  editor:
    fontFamily: "SourceHanCodeJP-Regular"

もしくは、Shift++Psettings view editorと打ち込んで、Font FamilyにSourceHanCodeJP-Regularと入力します。

image.png

Visual Studio Codeに適用する

+,User Settingsを開き、以下を追加します。

"editor.fontFamily": "SourceHanCodeJP-Regular, Menlo, Monaco, 'Courier New', monospace"

SourceHanCodeJPが適さないものたち

SourceTree

やたら行間が開くので、diffが見辛い。

68
43
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
68
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?