iPhone等、iOSのSafariでフォントが明朝体(Serif)になってしまう場合の対処法

当ページのリンクには広告が含まれています。
  • URLをコピーしました!

CSSで、フォントの指定をゴシックに指定していても、iPhoneなどのiOSのサファリ上で、明朝体になってしまう現象が発生しました。

目次

font-familyに “ sans-serif  ”を指定する

指定したフォントがiOSで表示できないフォントだけを指定してしまっている場合、明朝体(セリフ体)になってしまいます。

iOS Safariのデフォルトフォントが「Serif」のようですので、次のような指定の仕方だとフォントが「明朝体(セリフ体)」になってしまいます。

ですので、次のように、きちんと「Serif」を指定する必要があります。

ちなみに、スマホ・モバイル向けなどのレスポンシブのCSSには、bodyに「sans-serif 」のが良いかと思います。

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

目次