iOS版Safariで明朝体表示になってしまう

まずは下記をご覧ください。

この部分は本来ゴシックでなければいけないのに、明朝体で表示されてしまっています。

フォントの指定をひも解いてみると次のように書いてあります。

body{
   font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka";
}

どうやらiOS版Safariは指定されたフォントがすべて見つからないと、デフォルトである明朝体を指定してしまうようです。

そこで、どうしてもゴシック体にしなければいけないときは、必ずsans-serifを最後に付け加えましょう。

body{
   font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
}

これで、正しくゴシック体で表示できるようになりました。