WordPressでフォントサイズを調整する方法（Kadenceテーマ）
WPlaybookが提供しているAll100テーマを使っている方は多く、特にモバイルで文字が少し大きく感じるという理由で、フォントサイズの調整方法について質問を受けることがあります。そこで、フォントサイズを調整する方法を簡単にまとめました。
Kadenceテーマでフォントサイズを変更する方法
まず、All100テーマはKadenceテーマの子テーマです。そのため、All100テーマをうまく使うには、Kadenceテーマ自体の使い方を理解しておくと役立ちます。
Kadenceでは、PC、タブレット、モバイルの表示をそれぞれ個別に調整できるメニューが用意されています。レスポンシブサイトを作りやすく、フォントサイズもこの3種類のデバイスごとに設定できます。
WordPressのフォントを調整する方法
WordPressでフォントを調整するには、カスタマイズ > 色とフォント > タイポグラフィへ移動します。下の画像のようなメニューが表示されれば、正しい場所に到着しています。
WordPressサイトのフォントは、大きく分けるとベース（本文）フォントと見出しフォントの2種類があります。画像の画面はベース（本文）フォントを調整する場所で、現在は20pxが選択されています。
Base Fontと表示された部分で、フォントに関する設定を調整します。
- Font：現在はSystem Defaultに設定されています。
- Style：現在はregularです。太字にしたい場合はここで調整します。
- Size：現在は20pxに設定されています。
サイズ設定の中には、Font size、Line Height、Letter Spacingなどの詳細項目があります。特に赤いチェックボックスのエリアに注目してください。
現在はモニターアイコンが青く選択されています。これは、デスクトップ表示の本文フォントサイズが20pxに設定されているという意味です。
Kadenceテーマでは、左から右へPC、タブレット、モバイルを表すアイコンがよく表示されます。設定はこの順番で適用されます。
PC表示でフォントサイズを設定し、タブレットやモバイルに個別設定を入れていない場合、そのPC用フォントサイズが他のデバイスにも自動的に適用されます。
WPlaybook
そのため、PCの本文フォントサイズは問題ないが、モバイルだけ小さくしたい場合は、右端のモバイルアイコンをクリックして、モバイル用の適切なフォントサイズを個別に設定してください。
すべてのデバイスでフォントサイズを小さくしたい場合は、PCアイコン側のサイズを調整すれば全体に適用されます。
