スマホのメッセージで使われるフォントは？iPhone/Androidガイド

短い答え：メッセージはシステムフォントを使う

スマートフォンのテキストメッセージの多くは、メッセージ専用のカスタムフォントで表示されているわけではありません。通常は、OSの標準UIフォントを継承します。現在のiPhoneではAppleのSan Franciscoファミリー、Androidの多くの端末ではRobotoが基本です。ただし、Samsung、Google Pixel、Xiaomiなどでは、メーカー独自のシステムUIフォントやメッセージアプリ内の調整版が使われることがあります。

そのため、似た青とグレーの吹き出しでも、2枚のスクリーンショットが少し違って見えることがあります。OSのバージョン、端末メーカー、言語、表示サイズ、アクセシビリティの文字サイズ、太字設定、メッセージアプリによってフォントは変わります。SEOやデザイン調査では、「スマホのメッセージに何のフォントが使われているか」だけでなく、「このメッセージの雰囲気を十分に再現できるシステムフォントの組み合わせは何か」と考えるのが実用的です。

iPhoneとAndroidのメッセージフォント

この表は実用的な出発点として利用してください。ライセンス確認の代わりになるものでも、すべてのアプリのスクリーンショットに当てはまる保証でもありませんが、最初に試すべきフォントファミリーを絞り込めます。

スクリーンショットからフォントを識別する

メッセージがスクリーンショットに含まれている場合、実際のテキストがないためブラウザー拡張機能でCSSを読み取ることはできません。読みやすい吹き出しを1〜2個選んでトリミングし、文字を水平に保ち、小さすぎる時刻表示は避けます。その後、画像対応のフォント検出ツールで候補を出し、プラットフォームのシステムフォントと比較します。

書体を見分けやすい文字、つまり小文字のa、g、e、t、数字、句読点、単語間の間隔を確認します。メッセージのスクショは圧縮・拡大縮小・アンチエイリアス処理が加わることが多いため、完全一致と断定するより、見た目が最も近い候補を選ぶ方が役立つ場合があります。

デザインでメッセージフォントを合わせる

Webやプロダクトのモックアップでは、配布ライセンスを確認できないスマホUIフォントをダウンロードするより、システムフォントのスタックを使う方が安全です。-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif のような指定なら、各プラットフォームでネイティブに近いUIフォントをブラウザーが選択できます。

静的なデザインファイルでは、インストール済みの最も近いシステムフォントを選び、吹き出しの幅、行の高さ、文字サイズ、ウェイト、色のコントラスト、内側の余白、角の丸みまで全体の見え方を調整します。書体が正しくても間隔が不自然なら、近い書体を正しいリズムで組んだ場合より説得力が下がります。

フォントやサイズは変更できる？

多くのユーザーは、システムの表示設定やアクセシビリティ設定からメッセージの文字サイズを変更できます。iPhoneではiOSの設定で文字サイズや太字を調整し、Androidでは表示サイズ、フォントサイズ、場合によってはメーカーのテーマ設定を変更します。アプリ側に専用のメッセージフォント選択がなくても、こうした値を継承することがあります。

実際の書体を変更することは、より制限されています。一部のAndroidスキンやサードパーティ製メッセージアプリはカスタムフォントやテーマに対応していますが、iMessageや多くの標準メッセージアプリはOSのタイポグラフィに従う設計です。スクリーンショットを記録する場合は、全員が同じフォントを見ると決めつけず、端末と設定を併記しましょう。

関連するフォントワークフロー

元の形式に合わせて次の手順を選びます。

• 画像からフォントを識別する - メッセージのフォントがスクリーンショットやSNS画像にしか残っていない場合に適しています。
• Webサイトのフォント検出 - 実際のWebページ上でメッセージのスタイルを再現している場合に適しています。
• フォントサイズ検出 - CSSのfont-size、line-height、font-weightの値を比較したい場合に適しています。
• フォント検索拡張機能ガイド - ブラウザー上でテキストを選択できる場合に適しています。