iPhoneで日本語なのにおかしな中国語で表示されてしまう問題を解決

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屋の性ですが、後々ハマってしまうこともあるので要注意です。

Pocket