最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。
ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。
おすすめのfont-familyの指定は、ありがたいこんな記事 やあんな記事 やそんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。
ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。
目次
以下はページ内のセクションへのリンクです。
Windowsに標準搭載のフォント一覧
Microsoft Docsウェブサイトの情報とAdobeさんがまとめた情報があります。ほぼ同じ内容ですが、一覧されているフォントに一部違うところがありました。参考までに両方へのリンクを貼っておきます。
Microsoft
Adobe
※Windows 8のフォント一覧もありますが、シェアがあまりなかったのでリンクしてません。
Macに標準搭載のフォント一覧
Appleのサポートウェブサイトに掲載されている各OSバージョンに組み込まれているフォントの一覧です。
- macOS Ventura に組み込まれているフォント
- macOS Monterey に組み込まれているフォント
- macOS Big Sur に組み込まれているフォント
- macOS Catalina に組み込まれているフォント
- macOS Mojave に組み込まれているフォント
- macOS Sierra に組み込まれているフォント
これらのページでは「○○でダウンロード可能なフォント」というセクションがあって、ここに一覧されてるフォントはあたかも標準ではインストールされていない印象を持たされます(僕は勘違いしました)。ところが、言語が日本語に設定されているMacで、たとえばCatalinaでは、このセクションに記載されている游ゴシックや筑紫A丸ゴシックは標準でインストールされているようです。
購入したばかりのM1 Mac miniのFont Bookで確認したら、游ゴシックや筑紫A丸ゴシックは有効になっていました。自分で変更してないのでデフォルトで入ってたはずです(Adobe CCやMS Officeなどを入れてから確認したので、OSがまっさらな状態ではなかったですが…)。
iOSに標準搭載のフォント一覧
iOS(とMac)のフォント一覧はAppleの開発者サイトにあります。
- System Fonts (iOS 13とmacOS Catalina – 2021年1月18日現在)
- System Fonts (iOS 12とmacOS Mojave – WayBack Machine)
2021年1月18日現在、iOS 13とmacOS Catalinaの情報が掲載されていますが、近い将来、更新される可能性ありです。
その他のバージョンのiOSのフォント情報はいまのところ見つけられていません。
公式の情報が公開されてないとすると、以下のページに書かれているような方法で自分で調べるしかないんですかね?
以下のページでもiOSのフォントの情報がまとめられていますが、iOS 9までの情報しか載っていません。
Androidに標準搭載のフォント
Androidでは端末メーカーによってデフォルトフォントが変更されている可能性があるので注意が必要ですが、和文はNoto Sans CJK JP、欧文はRobotoが標準搭載のフォントとのことです。ただ、公式(Android DeveloperやMaterial Designウェブサイト)での情報は見つけられませんでした。
ちなみに、和文フォントがNoto Sans CJK JPになったのはAndroid 6.0からで、それ以前はモトヤフォントが標準でした。また、欧文はAndroid 4.0からRobotoが、それ以前はDroidが標準フォントでした。
参考情報
その他の情報
MacとWindowsに搭載の標準フォントをまとめてくれてる方がいて、下記ページで一覧がみられます。ありがたいですね〜。
各OSのバージョンごとの日本でのマーケットシェア
GlobalStats statcounterのそれぞれのデータページへのリンクです。
あと、日本でのOSマーケットシェアはこちらです。
世界だとAndroidが圧倒的なシェアを誇るんですが、日本では1. Windows、2. iOS、3. Androidという順になっているのが面白いですね。世界と日本のマーケットって、やっぱりちょっとずれてるんですね。
font-family指定の参考記事
以下の記事を参考にさせていただきました。ありがとうございます。
- 【2020年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例
- 2020年に最適なfont-familyの書き方 – ICS MEDIA
- 2020年まで使えるfont-familyおすすめゴシック体
さいごにひとこと
font-familyの指定には意外と注意することが多くて気を使うんですよね。OSやブラウザの更新で設定が変更されることもあるし、けっこう厄介です。でも、だからこそ、基本となるOS標準搭載のフォント一覧はいつでも確認できるようにしておきたいなと思っています。ウェブフォントを使うにしてもフォールバック用のフォントの指定があったほうがいいですしね。
新しいOSが出たらここの情報もきちんと更新しないとな…。
更新情報
- 「Windowsに標準搭載のフォント一覧」にWindows 11のフォント一覧のページへのリンクを追加しました(2023/05/03)
- 「その他の情報」のフォント一覧のページへのリンクを修正しました(2023/05/03)
- macOS MontereyとVenturaに組み込まれているフォント一覧のページへのリンクを追加しました(2022/12/17)
2021年1月18日に公開され、2023年5月3日に更新された記事です。
About the author
「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。
ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。