文字の基本サイズは“16px”-モバイル

mobileFontSize

モバイル向けのページでの文字の大きさは16CSSピクセル(px)が基本サイズとされています。(Googleより)

16pxより小さいサイズを採用している場合、ウェブマスターツールで「ユーザビリティに準拠するように!」と“教育的指導”が出ちゃうんですねぇ。

▼当サイトは、スマホで見ると16px相当を基準に表示してます。

  • 18pxの文字
  • 16pxの文字
  • 14pxの文字
  • 12pxの文字
<ul>
<li style="font-size:18px;">18pxの文字</li>
<li style="font-size:16px;">16pxの文字</li>
<li style="font-size:14px;">14pxの文字</li>
<li style="font-size:12px;">12pxの文字</li>
</ul>

フォント指定(font-family)されていると微妙に大きさも変化します。

またフォント指定に関しては永らく議論が尽きず、曖昧な部分でもあります。
当社もフォント指定しない方針でしたが、ここ2年ほどはあえて指定するケースが増えてきました。。。余談です。ww