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

CSS CSS

単純に、無いフォントを指定してしまっている場合、明朝体(セリフ体)になってしまいます。

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

font-family:"Century Gothic";

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

font-family:"Century Gothic", sans-serif;

ちなみにレスポンシブ設定などで、スマホ用のCSSには、bodyに「sans-serif 」のが良いかと思います。

body{
	font-family: sans-serif ;
}

 

コメント

タイトルとURLをコピーしました