css常用字体属性

目录

一、字体大小

二、字体族

三、字体风格

四、字体粗细

五、字体复合属性

---

一、字体大小

属性名：font-size

二、字体族

1、属性名：font-family

2、语法

.hi5 {

            font-size: 50px;

            font-family: "Microsoft YaHei","STCaiyun",sans-serif;

}

3、注意

（1）尽量使用字体的英文名，因为兼容性更好

（2）可以设置多个字体，按照从左到右的顺序依次查找，找到就可以使用，没有找到就继续找后面的使用，通常结尾会写serif（衬线字体）或sans-serif（非衬线字体）

（3）windows系统中，默认的字体是微软雅黑

三、字体风格

1、属性值：font-style

2、常用值

（1）normal  正常（默认）

（2）italic  斜体（使用字体自带的斜体效果，设置斜体常用）

（3）oblique  斜体（强制倾斜产生的斜体效果）

3、语法

.hi1 {

            font-style: italic;

 }

四、字体粗细

1、属性名：font-weight

2、常用值

关键字：

（1）lighter   细

（2）normal  正常

（3）bold  粗

（4）bolder  很粗（多数字体不支持）

数值：

（1）9100~1000且无单位，数值越大，字体越粗（火一样粗，具体得看字体设计时的精确程度）

（2）100~300  <=>  lighter

          400~500  <=>  normal

          >=600   <=>  bold

3、语法

.hi1 {

    font-weight: lighter;

}

五、字体复合属性

1、属性名：font

2、编写规则

（1）字体大小、字体族必须都写上

（2）字体族必须是最后一项，字体大小必须是倒数第二项

（3）各个属性间用空格隔开

3、实际开发中更推荐复合写法，但如果只想设置其中一两项，就用具体的设置字体的方法