font-style | 斜字体（イタリック）

.sampleクラスを持つ<div>要素を準備します。

<div class="sample">sample</div>

.sample {
    font-size: 2rem; /* 文字の大きさ */
}

font-style: italicを指定すると斜字(イタリック)になります。

<div class="sample">sample</div>

.sample {
    font-size: 2rem; /* 文字の大きさ */
}

.sample {
    font-style: italic;
}

font-style: obliqueでも斜字になります。 italicとobliqueは正確には異なりますが、どちらも斜字です。

<div class="sample">sample</div>

.sample {
    font-size: 2rem; /* 文字の大きさ */
}

.sample {
    font-style: oblique;
}

デフォルト値はnormalです。

<div class="sample">sample</div>

.sample {
    font-size: 2rem; /* 文字の大きさ */
}

.sample {
    font-style: normal;
}

Windows 11に標準でインストールされている英語フォントです。 通常、Apple製品やAndroidにはインストールされていません。

iOS(16)、iPadOS(16)、macOS(Ventura)に共通でインストールされている英語フォントです。 通常、WindowsやAndroidにはインストールされていません。

Windows 11に標準でインストールされている日本語フォントです。 通常、Apple製品やAndroidにはインストールされていません。

iOS(16)、iPadOS(16)、macOS(Ventura)に共通でインストールされている日本語フォントです。 通常、WindowsやAndroidにはインストールされていません。