一般来说前端加粗字体的方法有两种，一个是html标签加粗的方法，另一个是css加粗字体的方法，还有一个是字体加粗方法。前两个是我们最常用的方法，后一个感觉有点非主流的方法，也不知道我是怎么想到这种方法的，有点为自己的智商感到悲伤，下面给大家详细的介绍一下。
成都创新互联主要从事成都网站设计、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务勐海,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
一、标签方法加粗文字
1、h(1~6标签)书写方式
h2标签 -> CGLweb前端
h3标签 -> CGLweb前端
h4标签 -> CGLweb前端
h5标签 -> CGLweb前端
h6标签 -> CGLweb前端
h7标签 -> CGLweb前端
2、strong标签
strong标签 -> CGLweb前端（www.gendan5.com）
strong标签 -> CGLweb前端
3、b标签
b标签 -> CGLweb前端
b标签 -> CGLweb前端
这其中我们一般是使用strong来加粗的，原因如下，b标签现在已经是废弃标签，所以我们就不用了。
h标签一般用在SEO优化的，所以除非是列表、二级菜单、详情页标题除外不建议使用。
因为有些浏览器对h标签定义的文字大小不一样，所以我们为了每一个浏览器上文字大小一样，会设置一样的fon-size。
二、CSS方法加粗文字
css有个文字加粗的属性
font-weight:normal|bold|bolder|lighter|inherit|
1、normal:默认值。定义标准的字符。
2、bold:定义粗体字符。
3、bolder:定义更粗的字符。
4、lighter:定义更细的字符。
5、数字:|100|200|300|400|500|600|700|800|900定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
6、inherit:规定从父元素继承字体的粗细。
1、css书写方式为一下：
2、页面效果可以自己试一下
其实感觉css加粗的各种数值和属性，以我24K合金眼睛来观察了一下，并没有什么区别，只有加粗和不加粗的区别而已，希望有知道的道友指点一二。
二、字体加粗方法
1、书写方式
CGLweb前端 -> font-family:'楷体'
CGLweb前端 -> font-family:'黑体'
CGLweb前端 -> font-family:Impact
CGLweb前端 -> font-family:'仿宋'
CGLweb前端 -> font-family:'微软雅黑'
CGLweb前端 -> font-family:’楷体’
CGLweb前端 -> font-family:’黑体’
CGLweb前端 -> font-family:Impact
CGLweb前端 -> font-family:’仿宋’
CGLweb前端 -> font-family:’微软雅黑’
这个方法在很久以前使用过，主要是用在英文会好点，咱们就看Impact这个字体就能知道加粗是多么的厉害了。
汉字的话因为考虑到电脑上缺失字体的原因不建议使用，目前还没有在汉字上使用过。