CSS字体

字体

字体的样式 font-family

• Serif 字体

• Sans-serif 字体

• Monospace 字体

• Cursive 字体

• Fantasy 字体

文档使用sans-serif字体

 body {font-family: sans-serif;}

为所有 h1 元素设置了 Georgia 字体：

 h1 {font-family: Georgia;}

自定义的字体

 @font-face{
 font-family: myfont;
 src: url("")
 }
 p{
 font-family: myfont
 }

字体分格 font-style

• normal - 文本正常显示

• italic - 文本斜体显示

• oblique - 文本倾斜显示

 p.normal {font-style:normal;}
 p.italic {font-style:italic;}
 p.oblique {font-style:oblique;}

image

字体加粗 font-weight

关键字 100 ~ 900 为字体指定了 9 级加粗度。数字 400 等价于 normal，而 700 等价于 bold。

 p.normal {font-weight:normal;}
 p.thick {font-weight:bold;}
 p.thicker {font-weight:900;}

 
 
 ​
 
 
 
 
 
 
 
 ​
 
 
This is a paragraph
 ​
 
This is a paragraph
 ​
 
This is a paragraph
 
 ​
 

image

字体属性

属性	描述
font	简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family	设置字体系列。
font-size	设置字体的尺寸。
font-size-adjust	当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
font-stretch	对字体进行水平拉伸。（CSS2.1 已删除该属性。）
font-style	设置字体风格。
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	设置字体的粗细。