テーマ「DAWN」にgoogle webフォント 「NOTO SANS」を入れたい。

はじめまして。

件名の通り、テーマ「DAWN」にgoogle webフォント 「NOTO SANS」を入れたいと四苦八苦しております。

https://note.com/gooddoctor/n/nce84b2ef484d

こちらのページなどを参考にコード編集を試みましましたが、

theme.liquidに埋め込みタグを埋め込むことはできるが、「theme.scsss.liquid」は存在しないため先に進めない、
別の方に聞いた、「base.css」への「font-family: ‘Noto Sans JP’ !」を追記するも試しましたが、
全く反映されず困っております。

テーマでも「タイポグラフィ」という場所からフォント指定ができるようですが、
そちらからはNoto Sansは選択肢になく、選ぶことができませんが、
選択肢にあるものを選ぶと即時反映はされます。

現在この状況で困っております。

同じ経験をされた方などで、こうやってできたという方法がございましたら
ご教授いただけますでしょうか?

よろしくお願いいたします。

1 Like

本件まだ解決していないようでしたら、以下の方法をお試しください。

①コードの編集から「Assets」→「新しいアセットを追加する」を選択し、

空のファイル「custom.css」を作成

②「theme.liquid」の~の間に以下のコードを追加


③Assetsに作成された「custom.css」にフォント変更のコードを追加

(フォントを変更したい部分のタグ、クラス等を指定してください。)

body, p, span, label, input, select, option, div{
font-family: 'Noto Sans JP' !important;
}

これらの手順でNoto Sans JPが反映されるかと思います。

1 Like

横から失礼いたします。

同じようにGoogle Fontsを表示させたいと悩んでいたところこちらの投稿を見つけました。

この通りやって表示することができました。

ありがとうございました!