⚠️ 注意事項

不正なHTMLを入力するとページ全体が崩れる恐れがあり、記載されたHTMLの中身に関しては、当社では一切の責任を負いかねます。

詳しくはHTMLフリー入力モジュールの禁止事項 をよく読み慎重にご利用ください。

テキストの大きさを変えるHTMLコード例

<p style="font-size: 20px;">ダミーテキストダミーテキスト</p>

• ダミーテキスト部分に、大きさを変えたいテキスト記入してください

• 『"font-size: 20px;"』テキストの大きさが20pxになるというコードです。20px部分を自由な数字に変更して調整ください。

編集画面の例

変更前

変更後

最適なテキストサイズは？

閲覧する端末によって変動しますがデスクトップ環境では下記とされています。

PC・SPの見え方を確認しながらご調整ください。

見出し (Headings)

見出しは、コンテンツの階層構造を示す重要な要素であり、本文よりも大きく設定します。

• 大見出し (h1): 24px〜36px以上

• 中見出し (h2, h3): 20px〜28px

• 小見出し (h4, h5): 本文サイズにやや近い、18px〜22px

リード文 (Lead Paragraph)

リード文は、本文の導入部分であり、読者の興味を引きつける役割があります。本文よりも少し大きく、見出しほどは大きくないサイズが適しています。

• 一般的に: 18px〜20px

本文 (Body Text)

本文は、サイトの大部分を占めるため、最も読みやすさが重要になります。

• 一般的に: 16pxが標準的で、最も読みやすいとされています。