其の15 文字サイズの指定はできる限り相対サイズで | デザインってオモシロイ -MdN Design Interactive-

其の15 文字サイズの指定はできる限り相対サイズで

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて
タイトル画像

レベル初級其の15

文字サイズの指定はできる限り相対サイズで


レイアウトを行う際、スタイルシートを使用し小さめの文字サイズで固定しているサイトが多々ある。この場合、ユーザー自身で文字の大きさをコントロールすることが不可能になってしまう。

文字の指定をする場合は、絶対単位よりも相対単位で文字サイズを指定するほうがよい。閲覧者がフォントサイズを、自身の環境や状況に合わせて最適なサイズに変更できるよう、配慮する必要があるわけだ【1】。

絶対サイズと相対サイズ、それぞれの文字指定
【1】文字サイズの指定を行う場合は、できるだけ em や % などの相対的な単位を使用し、ユーザーが必要に応じて文字のサイズを変更できるようにしておくのが望ましい

また、文字サイズを相対で指定したとしても、多くのユーザーはブラウザで文字サイズを変更するのを面倒に感じるため、コラムやニュースなどの文章を読ませるコンテンツは、あらかじめ文字サイズを大きめに設計しておいたほうがいい。


お作法一覧へ
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在