html_css:minimum_font-size_for_each_browser

目次

ブラウザ別 最小フォントサイズ

最小フォント

ブラウザ フォントサイズ サンプル
Android Chrome 1px 1234567890
Android FireFox 1px 1234567890
Android Edge 1px 1234567890
Windows Chrome 10px 1234567890
Windows FireFox 1px 1234567890
Windows Edge 1px 1234567890
iOS Chrome 1px 1234567890
iOS FireFox 1px 1234567890
iOS Edge 1px 1234567890
iOS Safari 1px 1234567890

サンプル

sans-serif

フォントファミリー フォント名 サイズ サンプル
sans-serif sans-serif xx-small ABCDE abcde 12345 あいうえお
x-small ABCDE abcde 12345 あいうえお
small ABCDE abcde 12345 あいうえお
medium ABCDE abcde 12345 あいうえお
large ABCDE abcde 12345 あいうえお
x-large ABCDE abcde 12345 あいうえお
xx-large ABCDE abcde 12345 あいうえお
8px ABCDE abcde 12345 あいうえお
10px ABCDE abcde 12345 あいうえお
12px ABCDE abcde 12345 あいうえお
24px ABCDE abcde 12345 あいうえお
48px ABCDE abcde 12345 あいうえお
96px ABCDE abcde 12345 あいうえお

Sawarabi Gothic

フォントファミリー フォント名 サイズ サンプル
Sawarabi Gothic
(Web Font) 		Sawarabi Gothic xx-small ABCDE abcde 12345 あいうえお
x-small ABCDE abcde 12345 あいうえお
small ABCDE abcde 12345 あいうえお
medium ABCDE abcde 12345 あいうえお
large ABCDE abcde 12345 あいうえお
x-large ABCDE abcde 12345 あいうえお
xx-large ABCDE abcde 12345 あいうえお
8px ABCDE abcde 12345 あいうえお
10px ABCDE abcde 12345 あいうえお
12px ABCDE abcde 12345 あいうえお
24px ABCDE abcde 12345 あいうえお
48px ABCDE abcde 12345 あいうえお
96px ABCDE abcde 12345 あいうえお

HackGen

フォントファミリー フォント名 サイズ サンプル
HackGen
(Web Font) 		HackGen xx-small ABCDE abcde 12345 あいうえお
x-small ABCDE abcde 12345 あいうえお
small ABCDE abcde 12345 あいうえお
medium ABCDE abcde 12345 あいうえお
large ABCDE abcde 12345 あいうえお
x-large ABCDE abcde 12345 あいうえお
xx-large ABCDE abcde 12345 あいうえお
8px ABCDE abcde 12345 あいうえお
10px ABCDE abcde 12345 あいうえお
12px ABCDE abcde 12345 あいうえお
24px ABCDE abcde 12345 あいうえお
48px ABCDE abcde 12345 あいうえお
96px ABCDE abcde 12345 あいうえお

参考文献

ブラウザごとの最小フォントサイズ一覧 | ウェブラボ（株）スタッフブログ
font-size－スタイルシートリファレンス
2020年流行？font-familyのオススメ設定はこれ！【CSS】
Google Fonts

  • html_css/minimum_font-size_for_each_browser.txt
  • 最終更新: 2020/03/14 17:39
  • by ともやん