CSS Fonts(字体)属性用于定义字体系列、大小、粗细和文字样式。
CSS使用font-family属性定义文本的字体系列。
p { font-family:"微软雅黑";} div {font-family:Arial,"Microsoft Yahei","微软雅黑";}各种字体间用英文英文状态下的逗号隔开。如果是用空格隔开的多个单词组成的字体,需要加引号。尽量使用系统自带的字体,保证在任何用户的浏览器中都能够正常显示。首先显示第一种字体,电脑没有第一种字体会显示第二种字体,以此类推,如果都没有则显示默认字体。
CSS使用font-size属性定义字体大小。
p { font-size: 20px; }px:像素,是网页中最常用的单位,谷歌浏览器的字体默认显示为16px,不同的浏览器默认字体大小可能不同。可以给<body>标签设置字体大小。
标题标签比较特殊,需要单独设置大小
CSS使用font-weight属性设置文本字体的粗细。
p { font-weight:700; }数值之后没有单位!也可以用属性值表示:normal(默认值;400)bold(粗体;700)
CSS使用font-style属性设置文本的风格。
p { font-style:normal; } 属性值作用normal默认值,浏览器会显示标准的字体样式italic浏览器会显示斜体的字体样式在实际应用中很少使用到斜体,反而要给斜体标签(em,i)改为不倾斜标签。
通过一行代码改变字体的样式,粗细,大小和系列;注意在使用的时候顺序不能颠倒,并且各个属性之间用空格隔开。
不需要设置的属性可以省略,但是必须保留font-size和font-family属性,否则font属性整体不起作用。