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

html-css0185

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必须保留  否则不会起作用