BLOGスタッフブログ

インソースマーケティングデザイン

2019.12.19 コーディング

Andoroidで明朝体が反映されないのでGoogle Fontsで手っ取り早く解決

Andoroidで明朝体が反映されない

そもそもAndroidには明朝体がインストールされておらず、インストールされているゴシック体が代わりに表示されるようです。

■参考:スマートフォンでの明朝体について

See the Pen Andoroid明朝反映前 by o (@oioi_oioi) on CodePen.

Google Fontsで手っ取り早く解決
解決策は「サーバにフォントファイルをアップロードする」「Webフォントを使用する」などあります。

今回は一番手っ取り早く解決できるGoogle Fonts(Webフォント)をご紹介いたします。

明朝体のGoogle Fontsを読み込み、CSSで読み込んだフォントを指定すればすぐに解決します。簡単ですね。

See the Pen Andoroid明朝反映後 by o (@oioi_oioi) on CodePen.

ただ、Webフォントにない明朝体をどうしても使いたい、またはお客様からのご要望があった場合は「サーバにフォントファイルをアップロードする」か短い文章のみであれば「画像にする」などになってしまうのがネックです。

インソースマーケティングデザインが書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します