Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
41
Help us understand the problem. What is going on with this article?
@yoskeoka

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

More than 1 year has passed since last update.

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が見辛い。

41
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
yoskeoka
Gopherです。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
41
Help us understand the problem. What is going on with this article?