記号がiPhoneで絵文字に変換される

現象

作成しているサイトAでは「▶」が記号のまま表示されるのに、途中で対応を引き継いだサイトBでは、iPhoneで確認すると勝手に右向き三角形の絵文字に変換されてしまった。

今回はWordpressを使っていないのだが、検索してもWordpressの情報しか出てこない。というよりWordpress自体に勝手に絵文字に自動変換されるなにやらがついているとは知らなかったから微妙に勉強になった。

解決策

絵文字に変換されてしまうサイトBでは、CSSで全体に指定されているfont-familyがsans-serifのみになっていた。

これをヒラギノ角ゴ、游ゴシック、メイリオ…等をちゃんと指定することで記号のまま表示されるようになった。

たったこれだけなのでみんな普通に解決できていたのだろう。私は忘れっぽいのでメモしておく。