CSS中设定字体如何设定为微软雅黑Bold字体?

html-css0240

CSS中设定字体如何设定为微软雅黑Bold字体?,第1张

1、首先要了解css中是如何控制字体的。\x0d\x0afont:在一个声明中设置所有字体属性;\x0d\x0afont有以下几个属性:\x0d\x0a\x0d\x0afont-style:字体样式\x0d\x0a\x0d\x0afont-variant:字体异体\x0d\x0afont-weight:字体粗细\x0d\x0afont-size/line-height:字体大小/行高\x0d\x0afont-family:字体系列(比如宋体、黑体等)\x0d\x0a2、知道这些之后,那"设定字体为微软雅黑Bold字体"就可以这么写:\x0d\x0afont-family:"微软雅黑"font-weight:bold\x0d\x0a但是需要注意一点,通常我们使用中文字体的时候,都会使用的英文名称,而不是直接使用中文;而且,也会使用简写的形式;如下:\x0d\x0afont:bold12px/1.5em"MicrosoftYaHei"

1、打开开发工具,新建一个HTML文件。

2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。

6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。

1.如果想要设置字体样式可以使用font-family

2.如果想要设置加粗可以使用font-weight

3.如果想要设置倾斜可以使用font-style

4.如果想要设置字体大小可以使用font-size

上述样式如果想要在一个选择器中使用的话,一下写4个会显得比较冗余,那么我们可以简化综合复合如下的样式

选择器 {font :font-style font-weight font-size/line-height font-family}顺序不可颠倒 其中  font-size和font-family必须保留  否则不会起作用