Debutテーマ ヘッダーのフォント変更について

Topic summary

主題: Debutテーマのヘッダーに表示されるメニューのフォント変更方法。

  • 質問: ヘッダーのフォントを変更する具体的手順を知りたい。
  • 回答(簡易): テーマのカスタマイズ→テーマ設定→タイポグラフィー→本文フォントで変更可能。スクリーンショットが添付。
  • 注意点: この方法はヘッダーだけでなく本文にも適用される。
  • 回答(ヘッダーのみ): 独自CSSでヘッダーメニュー(.site-nav__label)のfont-familyを指定して変更する。コード例が提示。
  • 用語補足: タイポグラフィー=フォント設定、CSS=見た目を制御するスタイル、font-family=使用フォントの指定。
  • 重要要素: 画像とコードスニペットが理解の中心。
  • 状況: 具体的な解決策が提示され、現時点で事実上解決。追加の議論や未解決点は特に記載なし。
Summarized with AI on February 17. AI used: gpt-5.

標題の通りですが、ヘッダーに表示されるメニュー等のフォントの変更方法を教えていただけると助かります。

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

一番シンプルな方法ですと、テーマのカスタマイズ画面のテーマ設定 → タイポグラフィー → 本文 フォント から変更が可能です。

ただし、上記方法ですとヘッダーだけでなく本文のフォントも変わりますので、

もしヘッダーのみフォントを変更されたい場合は、独自で作成されたCSSファイルでヘッダーメニューに対して、一例ですが以下のような指定をする形になります。

#shopify-section-header .site-header .site-nav__label{
font-family:'Noto Sans JP', sans-serif ;
}

参考になりましたら幸いです。