[分享]css中如何调字体粗细

CSS中如何调节字体的粗细使用CSS可以方便地对网页中的文字进行样式调整，其中调节字体的粗细是非常常用的一种操作。接下来我们就来了解一下如何利用CSS来调节字体的粗细。1. fontweight属性f...

CSS中如何调节字体的粗细
使用CSS可以方便地对网页中的文字进行样式调整，其中调节字体的粗细是非常常用的一种操作。接下来我们就来了解一下如何利用CSS来调节字体的粗细。
1. font-weight属性
font-weight属性是用来设置字体的粗细，取值可以是数字或关键字。其中，数字越大，字体越粗；关键字有normal、bold、bolder和lighter等。
例如：

p {
  font-weight: bold;
} 

上述代码会将所有p标签内的文字设置为粗体。
2. font属性
font属性可以同时设置字体的多个样式属性，其中也包括字体的粗细。可以使用如下的语法：

p {
  font: font-style font-variant font-weight font-size/line-height font-family;
} 

其中，font-weight所在的位置就是用来设置字体粗细的。例如：

p {
  font: italic normal bold 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
} 

上述代码会将所有p标签内的文字设置为斜体+正常字形+粗体，字号为16像素，行高为1.5倍字号，字体为“Helvetica Neue”、“Helvetica”、“Arial”或sans-serif中的一种。
3. @font-face规则
如果网页中需要使用自定义字体，我们可以使用@font-face规则来定义。在定义中也可以设置字体的粗细。例如：

@font-face {
  font-family: "My Custom Font";
  src: url("mycustomfont.woff") format("woff");
  font-weight: bold;
}

p {
  font-family: "My Custom Font", sans-serif;
} 

上述代码首先定义了一个名为“My Custom Font”的字体，其中src属性指向字体文件，format属性是字体文件的格式。接着，我们将p标签中的字体设置为“My Custom Font”，当p标签中有需要显示成粗体的文字时，它们会使用"My Custom Font"中的粗体字形。注意，如果指定了@font-face规则中的font-weight属性，它会覆盖p标签中的font-weight属性。
本文介绍了几种常用的调节字体粗细的方法，依据实际情况进行选择即可。