CSS에서 글꼴을 굵게 만드는 방법

font-weight 속성을 통해 CSS에서 글꼴을 굵게 만들 수 있습니다. 기본값은 굵게, 100-900 값도 지원합니다(400은 보통).

CSS에서 글꼴을 굵게 만들기

CSS에서 굵은 글꼴을 사용하는 것은 매우 간단합니다. font-weight 속성을 ​​사용할 수 있습니다. font-weight 属性。

HTML 代码

<code class="html"><p>这是普通文本</p>
<p><strong>这是加粗文本</strong></p></code>

CSS 代码

<code class="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

🎜HTML code🎜🎜rrreee🎜🎜CSS code🎜🎜rrreee🎜이 예에서 normal은 글꼴의 기본 두께이고 bold는 굵은 두께입니다. 🎜🎜normal 및 bold 외에도 font-weight 속성은 다음 값도 지원합니다: 🎜

• 🎜lighter 🎜: 현재 글꼴 무게보다 가벼움
• 🎜bolder🎜: 현재 글꼴 무게보다 무거움
• 🎜100🎜: 가장 가벼운 글꼴 무게
• 🎜200🎜 - 🎜900🎜: 가벼운 글꼴 두께와 무거운 글꼴 두께 사이(400은 일반 두께)

🎜🎜Example🎜🎜🎜텍스트를 중간 두께로 굵게 만들려면 다음 CSS를 사용할 수 있습니다. 🎜 rrreee 🎜🎜브라우저 지원🎜🎜🎜 font-weight 속성은 모든 최신 브라우저에서 잘 지원됩니다. 🎜

위 내용은 CSS에서 글꼴을 굵게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!