热门：支持分辨率解决方法控制属性启动升级平台推荐步骤模式查询运行空间文件夹鼠标图标重启联想检查状态调整服务菜单类型提示

html怎么设置字体加粗

2023-10-07 10:35:46

html设置字体加粗的方法：首先新建一个HTML页面，并添加HTML结构；然后在body区域添加字体；最后在CSS中用font-weight进行加粗设置即可。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑。

首先就是打开Sublime Text编辑器，新建一个HTML页面，并添加HTML结构，如下图所示

15652dc0a134794cc9b66d070786dac.webp

然后在body区域添加字体，注意放在一个div里面，如下图所示

d679da4061088968a5cea4e3d16dc5c.webp

接下来就可以在CSS中用font-weight进行加粗设置了，只需要设置bold就可以了，如下图所示

1f8389fc62bce2b4298e9332c4dfbfb.webp

运行页面以后就可以看到字体被加粗了，如下图所示

33731029f9e0f8890a069346c379010.webp

另外font-weight还可以被设置为从100到900的数值，数字越大越粗，如下图所示

0206b721271c49b9603eaacb1404f6d.webp

当font-weight被设置为100的时候，字体是最细的，如下图所示

f58e777f57e38cb648ebc47ad2d7de8.webp

最后当font-weight被设置为900的时候是最粗的，如下图所示【推荐学习：HTML视频教程】

1bc69c50ebd7b1688bd7ede42d769be.webp
设置字体结构区域字体加粗

推荐阅读