コンテンツへスキップ

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

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