Atomのエディタ部分のフォントは簡単に設定できるけど、それだけではmarkdown-previewで表示されている部分のフォントは別のフォントになってしまう。
markdown-previewのフォントを変更するには下記のような設定が必要なようだ。
環境
- Windows7
- Atom 1.6.1
設定前の状態
我慢すれば使えるレベルだけど、いくつかの文字が変な状態になってしまう。
特に「、」と「。」の位置がおかしいのが気になってしまう。
設定方法
- ツールバーの「File（ファイル）」から「Setting（環境設定）」をクリック。
- 「Open Config Folder（設定フォルダを開く）」をクリック。
- 別ウィンドウが開くので「styles.less」をクリック。
- 右側のエディタの一番下に下記のコードを追加。
（'MS UI Gothic'の部分は使いたいフォントに変更）
.markdown-preview.markdown-preview {
font-family: 'MS UI Gothic';
}
- ツールバーの「File（ファイル）」から「Save（保存）」で設定を保存して、Atom関係のウィンドウをすべて閉じる。
- もう一度Atomを起動する。
設定後
こんな感じでmarkdown-preview側のフォントを変更できます。
