WEBLIC LLC

ブログ

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

Web制作

2017年4月3日

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

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

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

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

関連記事

Web制作

コーディングを効率化するEmmetはすごく便利!

10数年前からコーディングに携わっていたボクは、ずっとDreamweaverを愛用していましたが、こ...

2016年11月4日

Web制作

さくらのレンタルサーバでWordPressのサイトをSSL化でつまずいたところ

今回新規でさくらのレンタルサーバ(スタンダード)+ラピッドの独自SSL(SNI SSL)を使ってWo...

2017年2月13日

Web制作

VirtualBoxでGuest Addsinionsをインストールしても画面サイズが変わらない場合の対処法

弊社の制作環境はMacで、制作したサイトのIEチェックはVMwareもしくはVirtualBoxにイ...

2017年3月8日

Web制作

GoogleドキュメントOCRの力でサイト制作効率アップ!

こんにちは、丹羽です。サイト制作する際に、クライアントから支給された原稿がデータ化されていない場合や...

2023年7月20日

Web制作

iPhoneでTwitterのウィジェットがはみ出る…

こんにちは、丹羽です。WEBLICでは様々なお客さんのサイト運用をお手伝いしています。先日弊社がお手...

2016年10月11日

  • カテゴリー

  • RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社