css 中給字體加粗可以通過 font-weight 屬性,默認值 normal,加粗值 bold,還支持更輕(lighter)、更重(bolder)、100-900 數值(400 為正常)。
在 CSS 中給字體加粗
在 CSS 中給字體加粗非常簡單,可以使用 font-weight
屬性。
HTML 代碼
<code class="html"><p>這是普通文本</p> <p><strong>這是加粗文本</strong></p></code>
登錄后復制
CSS 代碼
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">p { font-weight: normal; } strong { font-weight: bold; }</code>
登錄后復制
在這個示例中,normal
是字體的默認權重,而 bold
是加粗權重。
除了 normal
和 bold
之外,font-weight
屬性還支持以下值:
lighter:比當前字體權重更輕
bolder:比當前字體權重更重
100:最輕的字體權重
200 – 900:介于輕和重的字體權重之間(其中 400 是正常權重)
示例
要將文本加粗為中等粗細,可以使用以下 CSS:
<code class="css">p { font-weight: 600; }</code>
登錄后復制
瀏覽器支持
font-weight
屬性得到所有現代瀏覽器的良好支持。