====== ブラウザ別最小フォントサイズ ====== ===== 最小フォント ===== ^ ブラウザ ^ フォントサイズ ^ サンプル ^ | 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 あいうえお | ===== 参考文献 ===== [[https://www.weblab.co.jp/staff/design/8557.html|ブラウザごとの最小フォントサイズ一覧 | ウェブラボ（株）スタッフブログ]]\\ [[http://www.htmq.com/style/font-size.shtml|font-size－スタイルシートリファレンス]]\\ [[https://anyushu.com/web/fonts-osusume/|2020年流行？font-familyのオススメ設定はこれ！【CSS】]]\\ [[https://fonts.google.com/|Google Fonts]]\\