各OSの標準搭載フォント一覧へのリンク集

Advertisement

最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。

ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。

おすすめのfont-familyの指定は、ありがたいこんな記事 あんな記事 そんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。

ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。

Windowsに標準搭載のフォント一覧

Microsoft Docsウェブサイトの情報とAdobeさんがまとめた情報があります。ほぼ同じ内容ですが、一覧されているフォントに一部違うところがありました。参考までに両方へのリンクを貼っておきます。

Microsoft

Adobe

※Windows 8のフォント一覧もありますが、シェアがあまりなかったのでリンクしてません。

Macに標準搭載のフォント一覧

Appleのサポートウェブサイトに掲載されている各OSバージョンに組み込まれているフォントの一覧です。

これらのページでは「○○でダウンロード可能なフォント」というセクションがあって、ここに一覧されてるフォントはあたかも標準ではインストールされていない印象を持たされます(僕は勘違いしました)。ところが、言語が日本語に設定されているMacで、たとえばCatalinaでは、このセクションに記載されている游ゴシックや筑紫A丸ゴシックは標準でインストールされているようです。

購入したばかりのM1 Mac miniのFont Bookで確認したら、游ゴシックや筑紫A丸ゴシックは有効になっていました。自分で変更してないのでデフォルトで入ってたはずです(Adobe CCやMS Officeなどを入れてから確認したので、OSがまっさらな状態ではなかったですが…)。

iOSに標準搭載のフォント一覧

iOS(とMac)のフォント一覧はAppleの開発者サイトにあります。

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指定の参考記事

以下の記事を参考にさせていただきました。ありがとうございます。

さいごにひとこと

font-familyの指定には意外と注意することが多くて気を使うんですよね。OSやブラウザの更新で設定が変更されることもあるし、けっこう厄介です。でも、だからこそ、基本となるOS標準搭載のフォント一覧はいつでも確認できるようにしておきたいなと思っています。ウェブフォントを使うにしてもフォールバック用のフォントの指定があったほうがいいですしね。

新しいOSが出たらここの情報もきちんと更新しないとな…。

About the author

Rriverのステッカーが貼られたMacBookの向こうにいる自分のMemojiの似顔絵

「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら

ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Twitter @rriver またはFacebook まで。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です