在编写HTML页面的时候，经常需要用CSS进行页面的美化，那么CSS如何设置字体加粗呢？下面我们来看一下使用css设置字体加粗的方法，希望对大家有所帮助。
在css中，可以使用font-weight属性设置文本的粗细。该属性用于设置显示元素的文本中所用的字体加粗。属性值越大字体越粗。
属性值：
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 字体加粗</title>
<style>
.a1{
font-weight:bold;
}
.a2{
font-weight:bolder;
}
</style>
</head>
<body>
<div>
<p>这是一段测试文字<br />
<span class="a1">这里使用bold属性值加粗字体</span><br />
<span class="a2">这里使用bolder属性值加粗字体</span>
</p>
</div>
</body>
</html>
效果图：
