html、css文字加粗方法

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

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

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

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

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、頁面效果

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來加粗的，原因如下，b標(biāo)簽現(xiàn)在已經(jīng)是廢棄標(biāo)簽，所以我們就不用了。

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

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

二、CSS方法加粗文字

css有個文字加粗的屬性

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書寫方式為一下：

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

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

二、字體加粗方法

1、書寫方式

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

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

CGLweb前端 -> font-family:Impact

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

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

2、頁面效果

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

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

CGLweb前端 -> font-family:Impact

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

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

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

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

本文名稱：html、css文字加粗方法
本文路徑：http://m.jiaotiyi.com/article/gechos.html