CSS基础——字体

1、font-family：设置字体类型

　　<family-name>：字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文，则应使用引号括起 .　

• user agent会遍历定义的字体序列，直到匹配到某个字体为止。

• body { font-family: helvetica, verdana, sans-serif; }

  • 如上字体定义，假设你机器上没有helvetica字体，但有verdana，这时将会以verdana显示你的文字。

 

2、color ：字体颜色　　

　　可以使用Color Name(颜色名称), HEX, RGB, RGBA, HSL, HSLA, transparent来指定color。 

　　由于不同浏览器对颜色名称的渲染不同，建议使用 #hex 表示颜色。

 

3、font-style：设置字体样式　　

　　normal：

指定文本字体样式为正常的字体

　　italic：

指定文本字体样式为斜体。对于没有设计斜体的特殊字体，如果要使用斜体外观将应用oblique

　　oblique：

指定文本字体样式为倾斜的字体。人为的使文字倾斜，而不是去选取字体中的斜体字 

 4、font-size：设置字体尺寸，一般用px

　　可以设置绝对尺寸，也可以设置相对尺寸。

 

5、font-weight：设置字体粗细

　　normal：正常字体

　　bold：粗体

　　bolder：定义比继承值更重的值

　　lighter：定义比继承值更轻的值

　　一般直接用数字，400、800等即可。