IE11とmonospaceフォント

第1図のようなスタイルシートで等幅フォントを指定することができます。第2図のように表示されます。

第1図

第2図

ところが、"Internet Explorer 11"で文字コードがUTF-8の場合、等幅フォントが指定されているにもかかわらず、第3図のようにプロポーショナルフォントで表示されてしまいます。困ったバグです。文字コードがShift_JISの場合は問題なく、第2図のようになります。

第3図

"Internet Explorer 11"で文字コードがUTF-8の場合でも等幅フォントで表示されるようにするためには、第4図のようなスタイルシートにする必要があります。

第4図

---

後日談2017.8.15記

今は、日本語文字を等幅フォントとする高品質なフォントが使えます。敢えてmonospaceフォントを指定する必要はなくなったと言えます。 → font-familyの設定は重要

---