在CSS中,我們可以通過控制字體的粗細(xì)來達(dá)到不同的視覺效果。
使用font-weight屬性可以控制字體的粗細(xì),常用的取值包括:
normal // 正常字體,等同于400 bold // 加粗字體,等同于700 lighter // 比normal更細(xì)的字體,根據(jù)字體系列有所不同 bolder // 比bold更粗的字體,根據(jù)字體系列有所不同 100 - 900 // 數(shù)字越大,字體越粗。
除了以上標(biāo)準(zhǔn)的取值外,還可以使用繼承或自定義字體來控制字體的粗細(xì)。
值得注意的是,不是所有的字體都支持所有的粗細(xì),如果設(shè)定的粗細(xì)不被支持,瀏覽器會自動選擇最接近的粗細(xì)。若要強(qiáng)制粗細(xì),需使用自定義字體。
例如,下面的代碼可以將字體設(shè)為加粗:
p { font-weight: bold; }
若要使用自定義字體,并且強(qiáng)制字體粗細(xì),可以使用如下代碼:
@font-face { font-family: myFont; src: url('myFont.ttf') } p { font-family: myFont; font-weight: 900; // 強(qiáng)制粗細(xì) }
通過控制字體的粗細(xì),我們可以實現(xiàn)更加多彩的排版效果,使文章更加易讀、美觀。