サイト内で使用するフォントを管理する

サイト内のページで使用するフォントは、フォントリストで「フォントファミリー」として一元管理します。フォントをテキストに適用するには、まずフォントをリストへ登録する必要があります。

そのほかに、フォントリストでは次のような管理ができます。

テキストにフォントを設定する手順については、フォントの設定・置換・削除方法をご覧ください。

サブフォントとは

サブフォントは、ベースの書体（フォント）の補助的なフォントです。

サブフォントを追加すると、言語ごとのフォント指定や、システムフォント利用時にデバイスごとの表示フォントを指定できます。

注意：サブフォントの制限事項

サブフォントを組み合わせて、和文と欧文を混在させた複合フォントを設定できます。

例えば次の順番でフォントを並べると、ひらがなや句読点は(1)、半角英数字は(2)、漢字や全角記号は(3)のフォントが適用されます。

システムフォントのみを指定すると、環境によって別のフォントが自動適用され、デザインがばらつく場合があります。

サブフォントとしてOSごとの代表的なフォントを登録し、想定に近い表示になるよう制御します。

代表的なシステムフォントは、次の公式情報などを参考にしてください。

デフォルトフォントは、新しくテキストを追加したときに自動で適用されるフォントファミリーです。フォントリストの一番上にあるフォントファミリーがデフォルトフォントになります。

空のプロジェクトでは、「Lato」が最初のデフォルトフォントになります。

フォントファミリーに名称ラベルを追加することで、サイト内での管理がしやすくなります。「見出し１」「本文」など、使用箇所がわかる名称がおすすめです。

各フォントファミリーが使用されているページをエディタ上で確認できます。削除や置き換え前に、影響範囲を把握したい場合に利用します。