よくある質問
レスポンシブタイポグラフィについて、よく寄せられるご質問にお答えします
実は、画面の大きさだけでなく、ユーザーの視距離も変わるんです。スマートフォンは30cm程度の距離で見ることが多いですが、デスクトップは5060cm。同じサイズでは読みづらくなってしまいます。さらに、商品ページの説明文や価格表示など、ECサイトでは重要な情報ほど読みやすさが売上に直結します。
CSS の clamp() 関数を使えば、レスポンシブなフォントサイズは5分で実装できます。ただし、最初に基本となるタイプスケールを設計する必要があるので、診断から設計まで含めると23週間が目安です。
もちろんです。既存サイトの場合は、まず現状の文字表現を診断して、どこが問題かを特定します。その後、段階的に改善していくことができるので、サイトを止めることなく対応できます。タブレット表示だけ崩れているといった個別の問題も解決できます。
はい。フォントサイズを大きくしても、行間が狭いと読みづらいままです。スマートフォンでは1.6倍、デスクトップでは1.5倍の行間が目安。文字間隔も調整することで、商品説明文の回遊率が1015%向上したというお客様の事例もあります。
ECサイトなら、Webセーフフォント（ヒラギノ角ゴシック、メイリオなど）またはGoogleフォントの游ゴシック体がおすすめです。複数フォントを混在させると、かえって読みづらくなるので、基本は12種類に絞ります。
はい。タイポグラフィの設計段階で、色のコントラスト比（WCAG AA 基準 4.5:1以上）や最小フォントサイズ（14px）も確認します。これらを守ることで、高齢者やロービジョンのユーザーにも優しいサイトになります。
