atomのMarkdown Previewのフォント設定

atomエディタのMarkdownプレビューのCSS設定がいつの間にか変わっていたのでメモ。

目的は日本語のフォントにしたい。デフォルトだと中国系だからね

検索するといくつか出てくるけど、 setting -> Open Config Folder で、 styles.less を修正する。

/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*/

.tree-view {
     font-family: "Migu 1C", sans-serif;
}

// Markdown Preview
.markdown-preview {
     font-family: "Migu 1C", sans-serif;
     h1, h2, h3, h4, h5, h6 {
          font-family: "Migu 1C", sans-serif;
     }
     code, blockquote, atom-text-editor {
          font-family: "Migu 1M", "Meiryo", monospace;
     }
}

.tree-view はどこのことかわからないのでとりあえず書いただけだけど、 重要なのは .markdown-preview って方。

ここに font-family で好きなフォントを指定。 これで基本的には変わるんだけど、コード部分とかのバッククォート部分が変わらない。

なのでmarkdown-previewのスタイルを確認。

github.com

code とか blockquote とかが怪しいと思い追加してみるも変わらなかった。
結果的には atom-text-editor ってのがコード部分らしい。

まあ、とりあえず全部書いておいた。