Ghostのフォントを変更する

Ghostの日本語のフォントがしっくりこないので変更してみた。もうちょっと長文を書かないとイメージがわかないのでそのうちまた変更するかもですが。

変更前は以下のような感じ。

Settings > Code injection の Site Header で以下を指定して簡易的に変更した。

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<style>
body,
.gh-content>blockquote, .gh-content>dl, .gh-content>ol, .gh-content>p, .gh-content>ul {
    font-family:'Noto Sans JP', sans-serif;
}
</style>

上記指定だと入力画面のフォントは変更されない。管理画面にはインジェクションされないので、以下のように指定してもダメでした。WYSIWYGじゃない。。。

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<style>
body,
.gh-content>blockquote, .gh-content>dl, .gh-content>ol, .gh-content>p, .gh-content>ul,
.koenig-editor__editor blockquote, .koenig-editor__editor ol, .koenig-editor__editor p, .koenig-editor__editor ul:not(.kg-action-bar):not(.kg-link-toolbar) {
    font-family:'Noto Sans JP', sans-serif;
}
</style>

ついでにダークモードにした。あと、ちゃんとした消し方がわからないけど強引にSubscribeボタンを表示しないようにした。

<style>
a.gh-head-button, .footer-cta {
    display: none;
}
</style>
<script>
document.documentElement.classList.add('dark-mode');
</script>