フォントの設定方法と優先順位

WordPressテーマ「LiteWord」では、サイト全体の統一感を出す「共通設定」から、特定のページや文字を強調する「個別設定」まで、柔軟にフォントを指定できます。

この記事では、フォントの設定場所と、複数の設定が重なった場合にどのフォントが優先されるか（優先順位）について解説します。

サイト全体の共通フォントを設定する

まずは、サイト全体の基本となる「共通デフォルトフォント」の設定方法です。ここで設定したフォントは、個別に指定がない限り、サイト内のすべてのテキストに適用されます。

「Lwクイック設定」または「外観→カスタマイズ画面」からを、「共通デフォルトフォント」の項目を確認します。[00:05]

初期値は「フォント指定なし」になっています。

リストからサイト全体に適用したいフォントを選択します。

おすすめは「Noto Sans JP」です。世界中で使われており、日本語がとても美しく表示されるバランスの良いフォントです。[00:47]

フォントを選択したら保存し、実際のページを表示して変更が反映されているか確認します。

【重要】編集画面上では、共通デフォルトフォントの変更がリアルタイムで反映されない場合があります。設定後は必ず「プレビュー」画面や実際の公開ページで表示を確認してください。[02:05]

共通設定とは別に、記事内の特定のブロックやサイドバーなどのパーツごとにフォントを指定することも可能です。

【注意】指定できるブロックと出来ないブロックがあります。

ここでフォントを指定すると、サイト全体の「共通デフォルトフォント」よりも優先して適用されます。逆に「未選択」にしておくと、共通デフォルトフォントがそのまま反映されます。[02:58]

トップページや特定のランディングページ（LP）など、そのページだけ全体の雰囲気と変えたい場合は、ページ単位でデフォルトフォントを設定できます。

固定ページや投稿の編集画面を一番下までスクロールすると、LiteWord独自のページ設定オプションが表示されます。[04:09]

「フォント」という項目プルダウンから、そのページで使用したいフォントを選択して保存します。

ここで設定したフォントは、そのページ内における「基本フォント」となり、サイト全体の共通設定よりも優先されます。[05:08]

文章中の特定の単語や一文だけを強調したい場合、文字に対して直接フォントを指定することができます。

フォントを変えたいテキストをマウスでドラッグして反転選択します。

表示されるツールバーの中からフォント設定を選び、変更したいフォント（明朝体やゴシック体など）を適用します。[05:44]

この「文字への直接指定」は最も優先度が高く設定されています。共通設定やページ設定に関わらず、ここで指定したフォントが強制的に適用されます。

LiteWordでは、以下の順序でフォントが優先的に適用されます。意図したフォントにならない場合は、より優先度の高い設定が残っていないか確認してください。[06:45]

この4段階構造を理解して使い分けることで、統一感を保ちつつ、バリエーション豊かなページデザインが可能になります。