一般來說前端加粗字體的方法有兩種，一個是html標簽加粗的方法，另一個是css加粗字體的方法，還有一個是字體加粗方法。前兩個是我們最常用的方法，后一個感覺有點非主流的方法，也不知道我是怎么想到這種方法的，有點為自己的智商感到悲傷，下面給大家詳細的介紹一下。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設計、成都網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務勐海,10年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

一、標簽方法加粗文字

1、h(1~6標簽)書寫方式

h2標簽 -> CGLweb前端

h3標簽 -> CGLweb前端

h4標簽 -> CGLweb前端

h5標簽 -> CGLweb前端

h6標簽 -> CGLweb前端

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標簽現(xiàn)在已經(jīng)是廢棄標簽，所以我們就不用了。

h標簽一般用在SEO優(yōu)化的，所以除非是列表、二級菜單、詳情頁標題除外不建議使用。

因為有些瀏覽器對h標簽定義的文字大小不一樣，所以我們?yōu)榱嗣恳粋€瀏覽器上文字大小一樣，會設置一樣的fon-size。

二、CSS方法加粗文字

css有個文字加粗的屬性

font-weight:normal|bold|bolder|lighter|inherit|

1、normal:默認值。定義標準的字符。

2、bold:定義粗體字符。

3、bolder:定義更粗的字符。

4、lighter:定義更細的字符。

5、數(shù)字:|100|200|300|400|500|600|700|800|900定義由粗到細的字符。400 等同于 normal，而 700 等同于 bold。

6、inherit:規(guī)定從父元素繼承字體的粗細。

1、css書寫方式為一下：

2、頁面效果可以自己試一下

其實感覺css加粗的各種數(shù)值和屬性，以我24K合金眼睛來觀察了一下，并沒有什么區(qū)別，只有加粗和不加粗的區(qū)別而已，希望有知道的道友指點一二。

二、字體加粗方法

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這個字體就能知道加粗是多么的厲害了。

漢字的話因為考慮到電腦上缺失字體的原因不建議使用，目前還沒有在漢字上使用過。