css字体属性

css字体属性

css Fonts字体属性用于定义字体类型，大小、粗细、和文字样式（如斜体）

 

字体系列

css使用 font-family属性来定义文本的字体类型

font-family: “Microsoft Yahei”;

各种字体之间必须使用英文状态下的逗号隔开

一般情况下，如果有空格隔开的多个单词组成的字体加引号

尽量使用系统默认的自带的字体，保证在任何用户的浏览器中都能正确显示

最常见的几个字体：

body: { 

font-family: ‘Microsoft Yahei’， tahoma ,arial ,’Hiragino Sans GB’;

}

写多个字体可以增加兼容性，逐个查找系统中是否有该字体，都没有就用浏览器自带的字体

字体大小

font-size 属性定义字体大小

px像素是我们网页中最常用的单位

谷歌浏览器默认的文字大小是16px

不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小

可以给body指定整个页面的大小

（标题标签比较特殊，需要单独指定文字大小）

字体粗细

font-weight属性设置字体粗细

 

 

字体样式

font-style属性定义字体的样式斜体等

字体复合属性

字体复合属性可以把文字样式综合来写，这样可以节约代码

font：font-style   font-weight   font-size/font-line-height   font-family;

使用font属性时，必须按照上面语法格式中的顺序书写，不能更换顺序，并且各个属性之间以空格隔开

不需要设置的属性可以省略（默认值），但是必须保留font-size和font-family属性，否则font属性不会生效

字体属性总结