Aufgaben zu den Font Styles

← Zurück zur Startseite

Aufgaben zu CSS-Schriftarten

Bearbeite die Aufgaben zu Font-Style, Font-Weight und Font-Variant. Die Aufgaben sind in einfach, mittel und schwer eingeteilt.

Font-Style – Aufgaben

1. (Einfach)
Schreibe ein Wort in kursiver Schrift mit font-style.
2. (Mittel)
Erstelle zwei Absätze: – einer soll normal sein – der andere soll schräg (oblique) sein
3. (Schwer)
Erstelle drei Überschriften, die jeweils unterschiedliche font-style-Werte haben. Achte darauf, dass jede Überschrift eindeutig zu erkennen ist.

Font-Weight – Aufgaben

4. (Einfach)
Schreibe einen Text in fetter Schrift (font-weight: bold).
5. (Mittel)
Nutze drei verschiedene Gewichtungen: 300, 500 und 900. Jeder Satz soll eine andere Gewichtung haben.
6. (Schwer)
Erstelle einen kurzen Info-Kasten, bei dem Überschrift, Text und Hinweis alle eine andere font-weight-Stärke besitzen.

Font-Variant – Aufgaben

7. (Einfach)
Schreibe einen Satz in Kapitälchen mit font-variant: small-caps.
8. (Mittel)
Erstelle zwei Wörter – eines normal, eines in Small-Caps – aber beide sollen gleich groß wirken.
9. (Schwer)
Mache einen kleinen Abschnitt, der mehrere Schriftvarianten kombiniert: Beispiel: Überschrift normal, Untertitel small-caps, Text normal.