[分享]css中字形加粗的代码

在CSS中，可以通过fontweight属性来控制字形的加粗程度。该属性接受数字、关键字或者百分比值作为取值。.bold { fontweight: bold; /使用关键字“bold”来表示字形加粗...

在CSS中，可以通过font-weight属性来控制字形的加粗程度。该属性接受数字、关键字或者百分比值作为取值。

.bold {
  font-weight: bold; /*使用关键字“bold”来表示字形加粗*/
}

.light {
  font-weight: 300; /*使用数字来表示字形加粗程度，小于400为轻字体，大于等于400为粗字体*/
}

.thick {
  font-weight: 900; /*使用数字来表示字形加粗程度，取值范围为100-900，值越大字体越粗*/
}

.medium {
  font-weight: 50%; /*使用百分比值来表示字形加粗程度，取值范围为1%-100%，50%表示中等加粗*/
} 

需要注意的是，不是所有的字体都支持所有的加粗程度，因此在使用字体时需要注意字体的加粗支持情况。