CSS字体样式font

CSS字体样式

1、font字体

谷歌浏览器默认文字大小16px
字体大小单位主要用px

2、font-family：字体

作用：
font-family属性用于设置哪一种字体

  p{font-family:"微软雅黑"}
  font-family：Arial,"Microsoft YaHei"，“黑体” 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个，则会尝试下一个，直到找到

3、CSS Unicode字体

文件编码时可能会产生错误，使用Unicode写中文名称，浏览器可以正确解析

   font-family:"\5FAE\8F6F\96C5\9ED1";  表示设置字体为“微软雅黑”

字体名称	英文名称	Unicode编码
宋体	SimSun	\5B8B\4F53
新宋体	NSimSun	\65B0\5B8B\4F53
黑体	SimHei	\9ED1\4F53
微软雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1
…

4、font-weight：字体粗细

在HTML中将字体加粗可以用标签来实现
使用b和strong标签是文本加粗

可以使用CSS来实现，但是CSS没有语义

属性值	描述
normal	默认值 （不加粗的）
bold	定义粗体（加粗的）
100-900	400等同于normal，而700等同于bold

5、font-style字体风格

HTML中可以用i和em标签，也可以用CSS来实现，但是没有语义

font-style 属性用于定义字体风格，如设置斜体、倾斜或正常字体

属性	风格
normal	默认值，浏览器会显示标准的字体样式
italic	浏览器会显示写题的字体样式

6、font综合写法

语法：

选择器{ 

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

注意
使用font属性时，必须按照上面的语法格式书写，不能更换顺序，各个属性用空格隔开
其中不需要设置的属性（取默认值），但必须保留font-size 和font-family属性，否则font属性不起作用

7、font总结

属性	表示	注意点
font-size	字号	通常用px像素，一定要带上单位
font-family	字体
font-weight	字体粗细	加粗是700或者bold ，不加粗normal或者400
font-style	字体样式	倾斜是italic 不倾斜是normal
font	字体连写	字体连写有顺序，用空格隔开，字号和字体必须同时出现