Windows PCでは正常なのに、
スマホ(iphone)から参照すると
発信 → 發信
お気軽 → お氣輕
お応え → お應え
こんな感じに変換されてしまい困った。
WEBフォントを使用してる箇所などで発生していた。
コードを1から検証してみて判明したのがCSSのこの記述部分。
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-feature-settings: “palt” 1, “trad” 1;
-webkit-font-feature-settings: “palt”;
-moz-font-feature-settings: “palt”;
}
font-smoothingはフォントのアンチエイリアスに関するCSS
font-feature-settingsはカーニング(文字詰め)に関するCSS
この部分をカットすることで問題が解消した。
新しいプロパティを試してみたくなるのが
Web屋の性ですが、後々ハマってしまうこともあるので要注意です。