css字体加粗怎么设置（详解css字体粗细属性和样式代码）

今天我们来一起学习下前端css字体属性的字体粗细font-weight，还是使用昨天的那首诗，让诗句中的最后一句显示粗体，看下效果：

可以看到最后一句显示粗体了，我们来查看下对应的代码:

明月几时有
明月几时有，把酒问青天
不知天上宫阙，今夕是何年
我欲乘风归去，又恐琼楼玉宇
高处不胜寒，起舞弄清影，何似在人间。
人有悲欢离合，月有阴晴圆缺，此事古难全
但愿人长久，千里共婵娟。

字体粗细中的参数包括: normal | bold | bolder | lighter | number(自定义)

我们来试试lighter和number自定义吧

可以看到红框的字体都已经设置好了，对应的代码为:

明月几时有
明月几时有，把酒问青天

不知天上宫阙，今夕是何年
我欲乘风归去，又恐琼楼玉宇

高处不胜寒，起舞弄清影，何似在人间。
人有悲欢离合，月有阴晴圆缺，此事古难全
但愿人长久，千里共婵娟。

注意：这里需要记住的一点，number自定义数字后不需要加上px

那么是否可以对标题的字体进行粗细设置呢？

答案是可以的，一起来看下

可以看到标题中的字体变为正常的了，对应的代码如下:

明月几时有
明月几时有，把酒问青天

不知天上宫阙，今夕是何年
我欲乘风归去，又恐琼楼玉宇

高处不胜寒，起舞弄清影，何似在人间。
人有悲欢离合，月有阴晴圆缺，此事古难全
但愿人长久，千里共婵娟。

加上了对h2的字体设置

好的，今天就是我们对字体粗细的学习，大家加油！