一、font-size
:字号大小 推荐单位px
1.现在网页中普遍使用14px。
2.尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
二、font-family
:字体
1.可以直接输入中文,但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误;’xp 系统不支持 类似微软雅黑的中文。
2.可以使用英文来替代。 比如 font-family:"Microsoft Yahei"
。
3.使用 Unicode 编码
可以通过escape()
来测试属于什么字体。
规范:
1.各种字体之间必须使用英文状态下的逗号隔开。
2. 中文字体、字体名中包含空格、#、$等符号需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
建议:为了照顾不同电脑的字体安装问题,我们尽量只使用宋体和微软雅黑中文字体。
三、font-weight
:字体粗细
字体加粗除了用 b 和 strong 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。
属性值:normal、bold、bolder、lighter
、100~900(100的整数倍)。
小技巧:数字 400 等价于 normal
,而 700 等价于 bold
。 一般我们更喜欢用数字来表示。
四、font-style
:字体风格
normal
:默认值,浏览器会显示标准的字体样式。
italic
:浏览器会显示斜体的字体样式。
oblique
:浏览器会显示倾斜的字体样式。
一般很少设置为斜体。
五、font:综合设置字体样式
选择器{font: font-style font-weight font-size/line-height font-family;}
必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。
注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。