接続に失敗しました。もう一度試してください。

コンテンツにスキップ
SEO Tools
ヘルプとドキュメント
UX / UI 大きな影響 簡単 15~30分

フォントが小さすぎる

本文テキストは少なくとも 16 ピクセル、細かい文字は少なくとも 12 ピクセル。

それは何ですか

フォントのサイズによって読みやすさが決まります。約 12 ピクセルより小さいテキストはモバイルでは読みにくく、ユーザーはズームしたり目を細めたりする必要があります。

なぜそれに対処するのでしょうか?

読みにくいテキストは疲労と直帰率を高め、アクセシビリティに悪影響を及ぼします。 Googleはモバイルユーザビリティテストで「テキストが小さすぎる」と報告している。快適な読書は優れた UX の基礎です。

やり方

  1. 1サイトの本文テキストは16px(1rem)以上にしてください。
  2. 2細かい文字(キャプション、メモ)は 12 ピクセル以上にしてください。
  3. 3ピクセル単位で固定されず、ベース サイズから相対的に (レム) サイズを調整します。
  4. 4大型モニターだけでなく、実際の携帯電話で読みやすさをテストします。

基本フォントサイズ

Správně
body { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */

結論

読みやすさは基本です。本文テキストの 16 ピクセルは今日の標準であり、12 ピクセルを下回るべきではありません。すべてが一貫してスケールされるように、基本サイズからレム単位で作業します。読書の快適さに大きな影響を与える安価な変更。

関連トピック