Sie sind hier: Startseite -> CSS-Grundlagen -> Textformatierung -> Fettschrift

CSS-Grundlagen: font-weight für die Fettschrift

Schriftgewicht: Einstellung bei Fettschrift

Eine beliebte Form der Hervorhebung bei Textinformationen ist die Fettschrift. In HTML kann man diese mit dem Strong-Tag bewerkstelligen, man kann per CSS aber auch die Fettschrift ohne den Tag veranlassen, wobei es weit mehr Möglichkeiten gibt, als unter HTML.

Der Strong-Tag macht die Schrift fett. In CSS kann man über den Befehl font-weight präzisere Einstellungen vornehmen, wobei diese nicht so häufig zur Anwendung kommen, obwohl sich schöne Effekte erzielen lassen. Der Befehl wird so eingesetzt:

font-weight: normal;
font-weight: bold;
font-weight: lighter;
font-weight: 800;

Normal entspricht einem Wert von 400 Fettgehalt. Bold, das als Einstellung besonders häufig verwendet wird, entspricht dem Fettgehalt von 700. Lighter reduziert den Fettgehalt um eine Stufe, wobei sich CSS hier auf die bisherige Einstellung bezieht. Die letzte Option ist eine numerische Eingabe, die von 100 bis 900 reichen kann.

Bei 100 erkennt man kaum die fetter geschriebene Schrift, bei 900 ist das Maximum an fetter Darstellung gegeben.

ergibt:

font-weight:normal;

font-weight:bold;

font-weight:900;

font-weight:200;

font-weight:normal;

Ebenfalls interessant:

Schriftart

Informationen über den CSS-Befehl font-family und die Möglichkeit, mittels CSS die Schriftart vorzugeben.

Schriftgröße

Informationen über den CSS-Befehl font-size, mit dem sich die Schriftgröße des Textes oder der Überschriften auf einer Webseite festlegen lassen.

Schriftstil

Informationen über den CSS-Befehl font-style, mit dem in CSS der Schriftstil festgelegt werden kann.

[aktuelle Seite]

Fettschrift

Informationen über den CSS-Befehl font-weight, mit dem in CSS die Fettschrift eingestellt und formatiert werden kann.

Schriftvariante

Informationen über den CSS-Befehl font-variant, mit dem man Text als Kapitälchen darstellen lassen kann.

Zeichenabstand

Informationen über den CSS-Befehl letter-spacing, durch den man den Zeichenabstand im Text einstellen kann.

Wortabstand

Informationen über den CSS-Befehl word-spacing, wodurch sich der Abstand zwischen den Wörtern mit CSS definieren lässt.

Textdekoration

Informationen über den CSS-Befehl text-decoration, mit dem die Textdekoration mit CSS ermöglicht wird, beispielsweise unterstreichen oder durchstreichen.

Textumwandlung

Informationen über den CSS-Befehl text-transform, durch den ein Text in Großbuchstaben oder Kleinbuchstaben umgewandelt werden kann.

Textfarbe

Informationen über den CSS-Befehl color, durch den die Textfarbe mittels CSS bestimmt werden kann.

Textschatten

Informationen über den CSS-Befehl text-shadow, durch den eine Schattierung eines Textes möglich wird.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht Textformatierung

Startseite CSS-Grundlagen