CSS字体属性定义字体,加粗,大小,文字样式。
CSS字型
在CSS中,有两种的类型的字体系列名称:
- 通用字体系列-拥有相似外观的字体系统组合(如 “Serif” 或 “Monospace”)
- 特定字体系列-一个特定的字体系列(如 “Times” 或 “Courier”)
Generic family | 字体系列 | 说明 |
---|---|---|
Serif | Times New Roman/Georgia | Serif字体中字符在行的末端拥有额外的装饰 |
Sans-serif | Arial/Verdana | “Sans”是指无 - 这些字体在末端没有额外的装饰 |
Monospace | Courier New/Lucida Console | 所有的等宽字符具有相同的宽度 |
字体系列
font-family属性设置字体的字体系列
font-family属性应该设置几个字体名称作为一种“后备”机制,如果浏览器不支持第一种字体,他将尝试一种字体。
注意:如果字体系列的名称超过一个字,它必须用引号,如Font Family:”宋体”
1 | p{font-family:"Times New Roman",Times,serif;} |
对于较常用的字体组合,我们https://www.runoob.com/cssref/css-websafe-fonts.html web安全字体组合
字体样式
主要是用于指定斜体文字的字体样式属性。
这个属性有三个值:
- 正常 - 正常显示文本
- 斜体 - 以斜体字显示的文字
- 倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)
1
2
3p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}