一般來(lái)說(shuō)前端加粗字體的方法有兩種，一個(gè)是html標(biāo)簽加粗的方法，另一個(gè)是css加粗字體的方法，還有一個(gè)是字體加粗方法。前兩個(gè)是我們最常用的方法，后一個(gè)感覺(jué)有點(diǎn)非主流的方法，也不知道我是怎么想到這種方法的，有點(diǎn)為自己的智商感到悲傷，下面給大家詳細(xì)的介紹一下。

10年積累的做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有察隅免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

一、標(biāo)簽方法加粗文字

1、h(1~6標(biāo)簽)書(shū)寫(xiě)方式

h2標(biāo)簽 -> CGLweb前端

h3標(biāo)簽 -> CGLweb前端

h4標(biāo)簽 -> CGLweb前端

h5標(biāo)簽 -> CGLweb前端

h6標(biāo)簽 -> CGLweb前端

h7標(biāo)簽 -> CGLweb前端
2、頁(yè)面效果

h2標(biāo)簽 -> CGLweb前端
h3標(biāo)簽 -> CGLweb前端
h4標(biāo)簽 -> CGLweb前端
h5標(biāo)簽 -> CGLweb前端
h6標(biāo)簽 -> CGLweb前端
h7標(biāo)簽 -> CGLweb前端

2、strong標(biāo)簽

strong標(biāo)簽 -> CGLweb前端（www.gendan5.com）
strong標(biāo)簽 -> CGLweb前端

3、b標(biāo)簽

b標(biāo)簽 -> CGLweb前端
b標(biāo)簽 -> CGLweb前端

這其中我們一般是使用strong來(lái)加粗的，原因如下，b標(biāo)簽現(xiàn)在已經(jīng)是廢棄標(biāo)簽，所以我們就不用了。

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

因?yàn)橛行g覽器對(duì)h標(biāo)簽定義的文字大小不一樣，所以我們?yōu)榱嗣恳粋€(gè)瀏覽器上文字大小一樣，會(huì)設(shè)置一樣的fon-size。

二、CSS方法加粗文字

css有個(gè)文字加粗的屬性

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

1、normal:默認(rèn)值。定義標(biāo)準(zhǔn)的字符。

2、bold:定義粗體字符。

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

4、lighter:定義更細(xì)的字符。

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

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

1、css書(shū)寫(xiě)方式為一下：

2、頁(yè)面效果可以自己試一下

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

二、字體加粗方法

1、書(shū)寫(xiě)方式

CGLweb前端 -> font-family:'楷體'

CGLweb前端 -> font-family:'黑體'

CGLweb前端 -> font-family:Impact

CGLweb前端 -> font-family:'仿宋'

CGLweb前端 -> font-family:'微軟雅黑'

2、頁(yè)面效果

CGLweb前端 -> font-family:’楷體’

CGLweb前端 -> font-family:’黑體’

CGLweb前端 -> font-family:Impact

CGLweb前端 -> font-family:’仿宋’

CGLweb前端 -> font-family:’微軟雅黑’

這個(gè)方法在很久以前使用過(guò)，主要是用在英文會(huì)好點(diǎn)，咱們就看Impact這個(gè)字體就能知道加粗是多么的厲害了。

漢字的話(huà)因?yàn)榭紤]到電腦上缺失字體的原因不建議使用，目前還沒(méi)有在漢字上使用過(guò)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

分享文章：html、css文字加粗方法-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/eojss.html