在CSS中,字體的粗細可以通過font-weight屬性來控制。該屬性的值可以是數字、關鍵字或者繼承值。
數字值的取值范圍是100~900,代表從“非常輕”到“非常粗”的9個等級。但是,只有400和700兩個值是常用的。400對應normal(正常),700對應bold(粗體)。
p { font-weight: normal; }
上述代碼將所有p標簽的字體設置為正常體。如果想要將字體設置為粗體,可以將font-weight的值改為700:
p { font-weight: bold; }
還可以使用關鍵字bolder和lighter來增加或減少字體的粗細程度。這兩個值是相對的,bolder會讓字體更加粗一些,而lighter會讓字體變得更加細一些。
若是想要使用一些其他的字體粗細值,可以使用CSS的@font-face規則。例如:
@font-face { font-family: 'MyFont'; src: url('font/myfont.ttf') format('truetype'); font-weight: 600; }
上述代碼定義了一個名為MyFont的字體,它的粗細值為600。這個字體會從指定的路徑中加載。
使用font-weight屬性能夠方便地控制字體的粗細,同時也能讓網頁的文本內容更加易于閱讀。
下一篇css字體樣式瀏覽器