WEBLIC LLC

ブログ

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

Web制作

2017年4月3日

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

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

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

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

関連記事

Web制作

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

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

2017年2月13日

Web制作

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

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

2016年10月11日

Web制作

Webサイト導線設計の考え方

効果的な導線設計はWebサイトの成功に欠かせません。この記事では、Webサイト担当者が、ターゲットに...

2023年11月28日

Web制作

WordPressのContact Form 7にキャプチャを導入する方法

昨年末あたりからWEBLICのサイトのお問い合わせフォームからちょくちょくスパムが届くようになり困っ...

2017年1月12日

Web制作

Dreamweaver CC 2017で自動作成されるcssファイルを作らない方法

エディタをDreamweaver CC 2017に乗り換えて少し気になったことがあります。それはSa...

2017年3月23日

  • カテゴリー

  • 本日、 2人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社