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.

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;
}