初めましてMIQといいます。
「パソコンは正常にフォントが適用されているのに、スマホだけ明朝体で表示される。どうやったらフォントを変えられるのかを知りたい。」
そんな人に向けて書きました。結論を言いますと、プラグインの影響で明朝体になっています。
詳しく解説していきます。
スマホで明朝体で表示される原因
設定したフォントがスマホで使えない
パソコン上で設定したフォントが、スマホで使えないフォントだった場合、iosのSafariは、明朝体に表示される仕様になっています。androidだとゴシック体になります。
その影響で、自身のサイトが明朝体に表示されてます。
プラグインの影響
プラグインの中に「TypeSquare Webfonts for エックスサーバー」や「TS Webfonts for お名前.com」などといったものが入っていると思います。
そのプラグインの設定を見ると、フォントが設定されています。
この設定がフォントを明朝体にしていた原因です。
変更方法
プラグインの設定を変更する
今回は、「TypeSquare Webfonts for エックスサーバー」を例にして説明します。
まずは、ブログの下部にある「TypeSquare Webfonts for エックスサーバー」をクリックします。
現在、設定されているフォントテーマから「テーマを設定しない」に変更します。
スマホからブログを確認してみると、明朝体から違うフォントに変わっているのが分かります。
まとめ
スマホだけ明朝体で表示されるわけは、プラグインやフォントが対応していないのが影響でした。
私自身もこの問題の解決方法がわからず、とても困ったことがあります。
理由が分からず、一年ほど問題を放置して明朝体と共に過ごしていたほどです….。
先日、解決方法が分かって、やっと明朝体から解放されました。
そんな自分と同じ症状で困っている人がいたらと思い、まとめさせていただきました。
あなたの疑問や問題にこの記事が少しでも役に立てることを願っています。
