3.2.1CSS字体样式属性（PPT）.pptVIP

字体样式属性九江职业技术学院

CSS字体样式属性（1）font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位，具体如下表所示。相对长度单位说明em相对于当前对象内文本的字体尺寸px像素，最常用，推荐使用绝对长度单位说明in英寸cm厘米mm毫米pt点

CSS字体样式属性（2）font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码：可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。例如：p{font-family:微软雅黑;}body{font-family:华文彩云,宋体,黑体;}

CSS字体样式属性使用font-family设置字体时，需要注意以下几点：各种字体之间必须使用英文状态下的逗号隔开。中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family:TimesNewRoman;。尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

CSS字体样式属性（3）font-weight:字体粗细font-weight属性用于定义字体的粗细，其可用属性值如下表所示。值描述normal默认值。定义标准的字符。bold定义粗体字符。bolder定义更粗的字符。lighter定义更细的字符。100~900（100的整数倍）定义由细到粗的字符。其中400等同于normal，700等同于bold，值越大字体越粗。

CSS字体样式属性（4）font-style:字体风格font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：normal：默认值，浏览器会显示标准的字体样式。italic：浏览器会显示斜体的字体样式。oblique：浏览器会显示倾斜的字体样式。其中italic和oblique都用于定义斜体，两者在显示效果上并没有本质区别，但实际工作中常使用italic。

CSS字体样式属性（5）font:综合设置字体样式font属性用于对字体样式进行综合设置，其基本语法格式如下：使用font属性时，必须按上面语法格式中的顺序书写，各个属性以空格隔开。其中line-height指的是行高，在后面将具体介绍。例如：等价于选择器{font:font-stylefont-weightfont-size/line-heightfont-family;}p{font-family:Arial,宋体;font-size:30px;font-style:italic;font-weight:bold;font-variant:small-caps;line-height:40px;}p{font:italicsmall-capsbold30px/40pxArial,宋体;}

CSS字体样式属性（6）@font-face属性@font-face属性是CSS3的新增属性，用于定义服务器字体。通过@font-face属性，开发者可以在用户计算机未安装字体时，使用任何喜欢的字体。使用@font-face属性定义服务器字体的基本语法格式如下：在上面的语法格式中，font-family用于指定该服务器字体的名称，该名称可以随意定义；src属性用于指定该字体文件的路径。@font-face{ font-family:字体名称; src:字体路径; }

谢谢九江职业技术学院