Heim  >  Artikel  >  Web-Frontend  >  So machen Sie die Schriftart in CSS fett

So machen Sie die Schriftart in CSS fett

下次还敢
下次还敢Original
2024-04-25 19:00:24830Durchsuche

Sie können Schriftarten in CSS über das Attribut „font-weight“ fett formatieren. Der Standardwert ist normal und der Fettwert ist fett. Es unterstützt auch hellere, fettere und 100-900-Werte (400 ist normal).

So machen Sie die Schriftart in CSS fett

Schriftarten in CSS fett formatieren

Fettschrift in CSS ist sehr einfach, Sie können das Attribut font-weight verwenden. 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 是加粗权重。

除了 normalbold 之外,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🎜In diesem Beispiel ist normal die Standardstärke für die Schriftart und bold die Fettstärke. 🎜🎜Zusätzlich zu normal und bold unterstützt das Attribut font-weight auch die folgenden Werte: 🎜
  • 🎜lighter 🎜: Leichter als die aktuelle Schriftstärke
  • 🎜fetter🎜: Schwerer als die aktuelle Schriftstärke
  • 🎜100🎜: Die leichteste Schriftstärke
  • 🎜200🎜 - 🎜900🎜: Zwischen leichter und schwerer Schriftstärke (wobei 400 die normale Schriftstärke ist)
🎜🎜Beispiel🎜🎜🎜Um Text fett bis mittelschwer zu machen, können Sie das folgende CSS verwenden: 🎜 rrreee 🎜🎜Browser-Unterstützung🎜🎜🎜 Das Attribut font-weight wird von allen modernen Browsern gut unterstützt. 🎜

Das obige ist der detaillierte Inhalt vonSo machen Sie die Schriftart in CSS fett. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn