Blog気になるコト

2017年4月3日 月曜日 投稿者:丹羽 岳人

メイリオフォントはCSSでイタリックが効かない!

先日ある案件でデバイスフォントを斜体にする必要がありました。
普段は何も気にせずCSSでイタリックを設定してましたが、IE11でチェックをしてみると、なんと設定したはずの文字が斜体になってません。

結論を言いますと、
font-familyでWindowsではメイリオを優先的に記述していたため、斜体になりませんでした。
そう、メイリオ(日本語)ではcssで斜体にすることができないんですね。

今回IE11に限っては斜体にする必要があった部分を別のfont-familyにして対応しました。

久しぶにcssのhackを使いました。