通常来讲前端加粗字体的方法有两种，一个是html标签加粗的方法，另外一个是css加粗字体的方法，还有一个是字体加粗方法。前两个是咱们最经常使用的方法，后一个感受有点非主流的方法，也不知道我是怎么想到这种方法的，有点为本身的智商感到悲伤，下面给你们详细的介绍一下。
1、标签方法加粗文字
一、h(1~6标签)书写方式
<h1>h1标签 -> CGLweb前端</h1>
<h2>h2标签 -> CGLweb前端</h2>
<h3>h3标签 -> CGLweb前端</h3>
<h4>h4标签 -> CGLweb前端</h4>
<h5>h5标签 -> CGLweb前端</h5>
<h6>h6标签 -> CGLweb前端</h6>
二、页面效果
h1标签 -> CGLweb前端
h2标签 -> CGLweb前端
h3标签 -> CGLweb前端
h4标签 -> CGLweb前端
h5标签 -> CGLweb前端
h6标签 -> CGLweb前端
二、strong标签
<strong>strong标签 -> CGLweb前端</strong>
strong标签 -> CGLweb前端css
三、b标签
<b>b标签 -> CGLweb前端</b>
b标签 -> CGLweb前端
这其中咱们通常是使用strong来加粗的，缘由以下，b标签如今已是废弃标签，因此咱们就不用了。
h标签通常用在SEO优化的，因此除非是列表、二级菜单、详情页标题除外不建议使用。
由于有些浏览器对h标签订义的文字大小不同，因此咱们为了每个浏览器上文字大小同样，会设置同样的fon-size。
2、CSS方法加粗文字
css有个文字加粗的属性
font-weight:normal|bold|bolder|lighter|inherit|
一、normal:默认值。定义标准的字符。
二、bold:定义粗体字符。
三、bolder:定义更粗的字符。
四、lighter:定义更细的字符。
五、数字:|100|200|300|400|500|600|700|800|900定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
六、inherit:规定从父元素继承字体的粗细。
一、css书写方式为一下：
<style type="text/css">
.p_text_1{ font-weight:normal;}（www.gendan5.com）
.p_text_2{ font-weight:bold;}
.p_text_3{ font-weight:bolder;}
.p_text_4{ font-weight:lighter;}
.p_text_5{ font-weight:700;}
.p_text_6{ font-weight:inherit;}
</style>
二、页面效果能够本身试一下
其实感受css加粗的各类数值和属性，以我24K合金眼睛来观察了一下，并无什么区别，只有加粗和不加粗的区别而已，但愿有知道的道友指点一二。
2、字体加粗方法
一、书写方式
<p style="font-family:'楷体';">CGLweb前端 -> font-family:'楷体'</p>
<p style="font-family:'黑体';">CGLweb前端 -> font-family:'黑体'</p>
<p style="font-family:'Impact';">CGLweb前端 -> font-family:Impact</p>
<p style="font-family:'仿宋';">CGLweb前端 -> font-family:'仿宋'</p>
<p style="font-family:'微软雅黑';">CGLweb前端 -> font-family:'微软雅黑'</p>
二、页面效果
CGLweb前端 -> font-family:’楷体’
CGLweb前端 -> font-family:’黑体’
CGLweb前端 -> font-family:Impact
CGLweb前端 -> font-family:’仿宋’
CGLweb前端 -> font-family:’微软雅黑’
这个方法在好久之前使用过，主要是用在英文会好点，我们就看Impact这个字体就能知道加粗是多么的厉害了。
汉字的话由于考虑到电脑上缺失字体的缘由不建议使用，目前尚未在汉字上使用过。html