フォントサイズを変更する

このガイドでは、テキストブロックのフォントサイズを調整する方法、デフォルトのフォントサイズプリセットを更新する方法、サイトのタイポグラフィに適用できる独自のカスタムプリセットを作成する方法について説明します。

このガイド内

質問がある場合

特定のコンテンツのフォントサイズを調整する

テキストブロックのフォントサイズを変更して、読みやすさを向上させたり、サイトのデザインに合わせたりできます。個々のブロックのフォントサイズを調整するには、次の手順に従います。

編集するテキストブロック (段落、見出し、リストブロックなど)をクリックします。
ブロック設定サイドバーの「タイポグラフィ」セクションを見つけます。
プリセットリストからフォントサイズ (小、中、大など) を選択するか、「カスタムサイズを設定」アイコンをクリックして特定の値を入力します。
- プリセットとは、「小」や「大」などの既製のフォントサイズオプションで、サイト全体でテキストの一貫性を保つのに役立ちます。
デフォルトでは、サイズはピクセル単位で測定されます。測定単位を変更するには、px テキストをクリックします。測定単位の詳細については、こちらをご覧ください。
変更をプレビューするか、右上の「保存」ボタンをクリックして適用します。

💡

ダッシュボードの「外観」→「エディター」の「スタイル」オプションから、特定のブロックのデフォルト設定を変更することもできます。

サイト全体の要素のデフォルトのフォントサイズを調整するには、次の手順に従います。

プリセットとは、「小」や「大」などの既製のフォントサイズオプションで、サイト全体でテキストの一貫性を保つのに役立ちます。テーマのフォントサイズプリセットの値を変更するには、次の手順に従います。

サイトのダッシュボードで「外観」→「エディター」の順に移動します。
「スタイル」メニューオプションをクリックします。
「タイポグラフィ」オプションを選択します。
パネル下部の「フォントサイズプリセット」をクリックします。
プリセットのフォントサイズ (小、中、大など) を選択します。
「サイズ」ボックスに希望の値を入力し、単位 (px、em、rem、vh、または vw) を選択します。
- 「フルードタイポグラフィ」オプションを有効にすると、フォントサイズが画面やビューポートに応じて動的に拡大縮小されます。
- 必要に応じて、「カスタムフルード値」を有効にすると、フルードフォントサイズの最小値と最大値をカスタム設定できます。
「変更を確認」をクリックするか、「保存」をクリックして変更を適用します。

再利用しやすいようにカスタムのフォントサイズプリセットを追加するには、次の手順に従います。

サイトのダッシュボードで「外観」→「エディター」の順に移動します。
「スタイル」メニューオプションをクリックします。
「タイポグラフィ」オプションを選択します。
パネルの下部にある「フォントサイズプリセット」オプションをクリックします。
「カスタム」の横にあるプラス (+) 記号をクリックします。新しいフォントサイズプリセットが、「新規フォントサイズ1」などのデフォルト名で表示されます。
新しいプリセットのフォントサイズを選択します。
右上の省略記号 (⋮) アイコンをクリックし、「名前変更」を選択してプリセットにわかりやすい名前を付けます。
「サイズ」ボックスに希望の値を入力し、単位 (px、em、rem、vh、または vw) を選択します。
- 「フルードタイポグラフィ」オプションを有効にすると、フォントサイズが画面やビューポートに応じて動的に拡大縮小されます。
- 必要に応じて、「カスタムフルード値」を有効にすると、フルードフォントサイズの最小値と最大値をカスタム設定できます。
「変更を確認」をクリックするか、「保存」をクリックして変更を適用します。

新しいフォントサイズプリセットがサイト全体のタイポグラフィ設定で利用できるようになり、一貫したスタイルが実現します。