🐶

【2024】各OSのシステムフォント(日/英)

2024/12/05に公開

何がわかるの?

  • 各OSのシステムフォント,標準フォント(以下、システムフォントという)一覧
    • 2024年12月現在
  • 一次ソースから得た情報を明記
    • それ以外は曖昧な表現にする

システムフォントとは?

  • font-famiyを指定しなかった場合、各OSで表示されるフォント
    • 同条件にてSafariで表示されるフォントは考慮しない

これが見たかったんでしょ?

OS 和文 英文
iOS 不明(ヒラギノ角ゴシック or ヒラギノ角ゴPro or ヒラギノ角ゴProN ?) SF Pro
iPad OS 不明(ヒラギノ角ゴシック or ヒラギノ角Pro or ヒラギノ角ProN ?) SF Pro
Mac OS ヒラギノ角ゴシック(≒Hiragino Sans ?) SF Pro
Windows 游ゴシック UI Segoe UI Variable

Androidのシステムフォント

Androidのシステムフォントは、和文はNoto Sans CJK JP、英文はRobotoだと言われている。
実際、AndroidのGoogleが提唱しているMaterial DesignではRobotoを推奨している。
だがAndroidでは、全てのデバイスが同じシステムフォントだとは限らないようだ。
そのため Androidのシステムフォントは考慮しない。

iOS,iPad OSの和文システムフォント

iOS和文のシステムフォントは ヒラギノ角ゴ ProN(Hiragino Kaku Gothic ProN) だという説がある。
一方で、San Franciscoの日本語部分は Hiragino Sans(ヒラギノ角ゴシック?) とも言われている。
ヒラギノ角ゴProNからHiragino Sans(ヒラギノ角ゴシック)に変わったという記事もあった(だがその記事では、MacとiOSについて同時に扱っており、Mac OS10.10から10.11 - El Capitanにかけてフォントが変わったことと混同しているのではないか)。
一次ソースが見つからなかったので不明としたが、この中で1つ選ぶなら Hiragino Sans(ヒラギノ角ゴシック) だろう。


ヒラギノ角ゴシックとHiragino Sans

Hiragino Sansはヒラギノ角ゴシックの英語名なようだ。

ヒラギノ角ゴProとヒラギノ角ゴProN

ProよりProNの方が新しい規格に対応したものらしい。

まとめ

依然としてiOS,iPad OSの和文システムフォントは確信できる一次ソースが不明なままなので、ご存じの方は連絡などしていただけると嬉しい。

参照

これが見たかったんでしょ?

iOS, iPad OS, Mac OS / 英文
https://developer.apple.com/jp/design/human-interface-guidelines/typography#Platform-considerations
Mac OS / 和文
https://www.screen.co.jp/ga_product/sento/support/otf_osx_El_Capitan.html
Windows / 英文
https://learn.microsoft.com/ja-jp/windows/apps/design/signature-experiences/typography
Windows / 和文
https://learn.microsoft.com/ja-jp/windows/apps/design/signature-experiences/typography#fonts-for-non-latin-languages

Androidのシステムフォント

https://qiita.com/wemra3/items/b09ea45f6633f30de43e
https://m2.material.io/develop/web/guides/typography
https://webdesign-hs.com/fonts-system-font/#toc8
https://willcloud.jp/knowhow/font-family/#i-3

iOS,iPad OSの和文システムフォント

https://qiita.com/moccow/items/4d0870e81db909a7aabd
https://ja.wikipedia.org/wiki/ヒラギノ#iPhone、iPadの標準搭載書体
https://spinners.work/posts/kudakurage-figma-ios-ja-system-font-size-plugin/
https://note.com/yotsukura/n/nbbcd7eb0a1dd
https://qiita.com/wemra3/items/b09ea45f6633f30de43e
https://webdesign-hs.com/fonts-system-font/#toc7

ヒラギノ角ゴシックとHiragino Sans

https://webdesign-hs.com/fonts-system-font/#toc7
https://ja.wikipedia.org/wiki/ヒラギノ#Macの標準搭載書体

ヒラギノ角ゴProとヒラギノ角ゴProN

https://note.screen-hiragino.jp/n/n677df9b54262

Discussion