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制作

アイコンを軽量化して、Webサイトの表示速度を速くする

Googleの調査によれば、ページの読み込み時間が1秒から3秒に増加すると、離脱率が32%増加すると...

2023年9月7日

Web制作

オリジナアイコンを簡単にWEBフォントにする方法

ここ数年スマホからのアクセスの割合がPCを超えているサイトが多くなっています。そこで、スマホサイトを...

2016年10月19日

Web制作

Sass mixinの引数に0を指定する方法

背景画像をカラムごとに違う画像を配置するため、mixinを使って設定しましたが、うまくいきませんでし...

2016年12月12日

Web制作

ファーストビューに動画を!メリットと注意点の解説

ウェブサイトにおいて、訪問者の最初の印象を決定づけるファーストビューは非常に重要です。静的な画像やテ...

2024年3月7日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社