インソースマーケティングデザイン
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フォントにない明朝体をどうしても使いたい、またはお客様からのご要望があった場合は「サーバにフォントファイルをアップロードする」か短い文章のみであれば「画像にする」などになってしまうのがネックです。