html字体加粗怎么设置,css怎么设置字体加粗？

在前端页面的开发中，字体文字的效果是一个重要的部分，有时为了突出一段文字，就需要给字体文字进行加粗显示；那么使用css如何给字体加粗？本篇文章就给大家介绍css设置字体加粗样式的方法，希望对大家有所帮助。

首先我们通过简单的代码示例，为大家详细解说关于css给字体加粗的实现方法！

css 字体加粗

.a1{

font-weight:bold;

}

.a2{

font-weight:bolder;

}

这是一段测试文字

这里使用bold属性值加粗字体

这里使用bolder属性值加粗字体

我们来看看效果图：

通过示例，可以知道：这里实现字体加粗效果主要用到了css中的font-weight:bold;和font-weight:bolder;的样式属性。

我们应该知道：font-weight属性是用于设置显示元素的文本中所用的字体加粗的，而设置bold属性值可以定义粗体字符，bolder属性值可以定义更粗的字符，进而实现字体加粗效果。

在css font-weight属性中不仅仅只有bold属性值和bolder属性值可以加粗字体，还设置数值来加粗字体。

数字值 400 相当于 关键字 normal(标准字体)，700 等价于 bold(粗体)。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。

font-weight属性可以设置的值：