emを斜体にしない コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

emを斜体にしない

文字のスタイルを font-style で指定します。emの初期値は oblique (斜体)になっていますので、normal に指定することで通常のテキストと変わらない見た目にします。※わかりやすくするため、赤字にしました。

修正前
This is a pen. This is an apple.
修正後
This is a pen. This is an apple.
style属性で記述
This is a <em style="font-style:normal; color:#ff0000;">pen</em>. This is an apple.
スタイルシートで記述
This is a <em class="em-normal-red">pen</em>. This is an apple.
.em-normal-red{
    color:#ff0000
    font-style:normal;
}

em要素の概要

em 強調テキスト コピペで使えるHTML+CSS
強調したいテキストを指定するem要素。一般的には斜体、またはイタリック体で表示されます。em要素の解説。及び、イタリック体と斜体の違いについて解説します。