CSS-Eigenschaft font-weight

❮ Vorige Nächste ❯

Die Eigenschaft font-weight wird verwendet, um fette und dicke Schrift einzustellen. Aber es gibt einige Schriften, die nicht alle Gewichtungen einstellen. Sie sind nur in normaler oder fetter Schrift verfügbar.

Gängige Schriften wie Arial, Helvetica, Georgia usw. haben keine anderen Gewichtungen als 400 und 700.

Anfangswert	normal
Gilt für	Alle Elemente. Es gilt auch für ::first-letter und ::first-line.
Geerbt	Ja
Animierbar	Ja
Version	CSS3
DOM Syntax	object.style.fontWeight = "bolder";

Syntax

font-weight: normal | bold | bolder | lighter | number | initial | inherit;

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      p.bolder {
      font-weight: bolder;
      }
    </style>
  </head>
  <body>
    <h2>Ein Beispiel für die Eigenschaft Font-weight</h2>
    <p class="bolder">Wir haben hier einen fetteren Text verwendet.</p>
  </body>
</html>

Versuch es selber!

Sehen Sie sich ein weiteres Beispiel mit allen Werten an.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      p.normal {
      font-weight: normal;
      }
      p.lighter {
      font-weight: lighter;
      }
      p.bold{
      font-weight: bold;
      }
      p.bolder {
      font-weight: bolder;
      }
      p.fweight {
      font-weight: 600;
      }
    </style>
  </head>
  <body>
    <h2>Ein Beispiel für eine Eigenschaft Font-weight</h2>
    <p class="normal">Wir haben hier Normalgewicht verwendet.</p>
    <p class="lighter">Das ist ein leichteres Gewicht.</p>
    <p class="bold">Wir haben hier fettgedruckt.</p>
    <p class="bolder">Wir haben hier einen fetteren Text verwendet.</p>
    <p class="fweight">ir haben hier die Schriftgröße 600 definiert.</p>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
normal	Bedeutet, dass die Textzeichen normal sind. Das ist der Standardwert dieser Eigenschaft.
bold	Definiert dicke Zeichen.
bolder	Definiert dickere Zeichen im Text.
lighter	Definiert leichtere Zeichen.
100 200 300 400 500 600 700 800 900	Wir können diese Werte verwenden, um Textzeichen von dünn bis fett zu setzen. 400 ist das gleiche Gewicht normal, während 700 die Zeichen mit fett identisch macht.
initial	Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit	Der Wert erbt die Eigenschaft von ihrem übergeordneten Element.