仕事でサイトを作成した時に、iPhone・Safariで確認すると「ます」の文字が「〼」に文字化け(?)する現象が起きた。
調べて見ると、下記のようなサイトに当たった。

「ます」だけ四角に文字化け?
bonesという骨組みだけのテーマをとりあえず入れただけのこのサイト。ふときがつくと、「ます」だけが〼と表示されることに気が付きました。 ん?文字化けか? と文字エンコードを疑ったりしていたのですが、CSSを見てるうちにわかりました。fon
確かにそのサイトはBonesを利用していたのでこれか!と思い、CSSを修正すると見事なおりました!
font-feature-settings というプロパティ、初めて知ったのですが、なんだかスゴイものらしい。

文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
「ウェブでは文字詰めはできない」と諦めていませんか。美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの世界では基礎テクニックのひとつとされています。
残念ながらメイリオでは機能しないみたいだけど、いつか使ってみたいな!
