「ます」が〼に文字化け

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

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

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

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

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

プロポーショナルメトリクスが有効になるフォントの一覧 このCSSプロパティーを使ったからといって全てのフォントで自動文字詰めができるわけではありません。利用できる条件は、OpenTypeフォントであることとプロポーショナ …

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

スポンサーリンク

シェアする

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

フォローする

スポンサーリンク