css字体

字体设置

• 使用font-family设置字体

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

font-family 的值：

通用字体系列：具有相似的外观的一系列的字体的组合

特定的字体系列：一个特定的字体系列

两种系列的关系：通用字体系列包含了特定字体

css定义了5种字体系列

通用字体系列	特定的字体系列	说明
serif	Times、Georgia 、New Century Schoolbook	字体成比例，字体的端点有短线装饰（类似于衬线字体）
Sans-serif	Helvetica、Geneva、Verdana、Arial 、 Univers	字体成比例，字体的端点没有短线装饰（类似非衬线字体）
Monospace	Courier、Courier New 、Andale Mono	每个字宽度相同，可能有短线装饰，也可能没有
Cursive	Zapf Chancery、Author 、Comic Sans	这些字体试图模仿人的手写体
Fantasy	Western、Woodblock 、 Klingon	这些字体无法用任何特征来定义，不属于上面的四类，哪一类都不属于所以单独成一个类别

字体的使用举例

1. 仅仅是使用一个通用的字体系列来定义字体（不关心具体的字体是哪一种，只要是serif字体就可以了

p {
	font-family:serif;
}

2. 指定特定的字体系列（我们在指定特定字体系列后面还是会添加一个通用字体系列，作为替补,替补字体可以有多个

p {
	font-family:Times, serif;
}

3. 一些大网站的字体设置

知乎
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;

博客园
font-family: 'PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif;

gitHub
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;