【フォント】明朝体とゴシック体【HMTL/CSS】

※自分用の備忘録です。

なるべく多くのデバイスに対応させたいfont-family。

以下のコードでシンプルな明朝体とゴシック体をカバーできます。

明朝体

.mincho {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

ゴシック体

.gothic {
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}