WEBLIC LLC

ブログ

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

Web制作

2017年4月3日

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

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

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

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

関連記事

Web制作

HTTPS(常時SSL)が必要なワケ

GoogleはHTTPSのサイトを優遇すると発表をして数年経ちますが、これからは大企業のみならず、中...

2017年1月23日

Web制作

子要素にaタグを含む親要素にhover処理をする

現状のCSSではaタグを持つ親要素のdivにスタイルを定義することができません。今回は同じ要素のボッ...

2016年12月14日

Web制作

障害者差別解消法の改正法案にみるウェブアクセシビリティ

2024年4月からは、民間のウェブサイトに関しても、障害のある人を含むすべての人が情報にアクセスしや...

2024年2月26日

Web制作

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

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

2023年11月28日

Web制作

重複コンテンツがSEOに与える影響は?

インターネットの世界では、同じ情報がたくさんあると、どの情報が一番大切かわからなくなることがあります...

2024年2月9日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社