css フォントファミリーの记述例。

Posted 2021-05-13

.mincho {
	font-family:
		"游明朝体", YuMincho,
		"游明朝", "Yu Mincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
}

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

.maru-gothic {
	font-family:
		"ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN",
		"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro",
		"メイリオ", Meiryo,
		Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic";
}

.serif {
	font-family: "Times New Roman", Times, serif;
}

.serif-02 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.sans-serif {
	font-family: Arial, Helvetica, sans-serif;
}

.sans-serif-02 {
	font-family: Verdana, Geneva, sans-serif;
}

.sans-serif-03 {
	font-family: Tahoma, Geneva, sans-serif;
}

.sans-serif-04 {
	font-family: "Arial Black", Gadget, sans-serif;
}

.cursive {
	font-family: "Comic Sans MS", cursive;
}

.monospace {
	font-family: "Courier New", Courier, monospace;
}

.monospace-02 {
	font-family: "Lucida Console", Monaco, monospace;
}

.monospace-03 {
	font-family:
		"ＭＳ ゴシック", "MS Gothic",
		"Osaka－等幅", Osaka-mono,
		monospace;
}