html、css⽂字加粗⽅法
⼀般来说前端加粗字体的⽅法有两种，⼀个是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>
2、页⾯效果
h1标签 -> CGLweb前端
h2标签 -> CGLweb前端
h3标签 -> CGLweb前端
h4标签 -> CGLweb前端
h5标签 -> CGLweb前端
h6标签 -> CGLweb前端
2、strong标签
<strong>strong标签 -> CGLweb前端</strong>（dan5）
strong标签 -> CGLweb前端
3、b标签
<b>b标签 -> CGLweb前端</b>
b标签 -> CGLweb前端
fontweight属性bold这其中我们⼀般是使⽤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书写⽅式为⼀下：
<style type="text/css">
.p_text_1{ font-weight:normal;}
.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>
2、页⾯效果可以⾃⼰试⼀下
其实感觉css加粗的各种数值和属性，以我24K合⾦眼睛来观察了⼀下，并没有什么区别，只有加粗和不加粗的区别⽽已，希望有知道的道友指点⼀⼆。
⼆、字体加粗⽅法
1、书写⽅式
<p >CGLweb前端 -> font-family:'楷体'</p>
<p >CGLweb前端 -> font-family:'⿊体'</p>
<p >CGLweb前端 -> font-family:Impact</p>
<p >CGLweb前端 -> font-family:'仿宋'</p>
<p >CGLweb前端 -> font-family:'微软雅⿊'</p>
2、页⾯效果
CGLweb前端 -> font-family:’楷体’
CGLweb前端 -> font-family:’⿊体’
CGLweb前端 -> font-family:Impact
CGLweb前端 -> font-family:’仿宋’
CGLweb前端 -> font-family:’微软雅⿊’
这个⽅法在很久以前使⽤过，主要是⽤在英⽂会好点，咱们就看Impact这个字体就能知道加粗是多么的厉害了。
汉字的话因为考虑到电脑上缺失字体的原因不建议使⽤，⽬前还没有在汉字上使⽤过。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。