「ます」が〼に文字化け

仕事でサイトを作成した時に、iPhone・Safariで確認すると「ます」の文字が「〼」に文字化け(?)する現象が起きた。

調べて見ると、下記のようなサイトに当たった。

bonesという骨組みだけのテーマをとりあえず入れただけのこのサイト。 /p> ふときがつくと、「ます」だけが〼と表示されることに気が付きました。 ん?文字化けか? と文字エンコードを疑ったりしていたのですが、CSSを見てるうちにわかりました。 -webkit-font-feature-settings: "liga"

確かにそのサイトはBonesを利用していたのでこれか!と思い、CSSを修正すると見事なおりました!

font-feature-settings というプロパティ、初めて知ったのですが、なんだかスゴイものらしい。

残念ながらメイリオでは機能しないみたいだけど、いつか使ってみたいな!

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク