Aufgaben zu Font Families & Grundlagen
1. (Einfach)
Schreibe drei Wörter und gib jedem eine andere Font-Family:
serif, sans-serif, monospace.
2. (Einfach)
Erstelle eine Überschrift in einer Serif-Schrift und einen Text in einer Sans-Serif-Schrift.
3. (Mittel)
Erstelle eine kleine Info-Box, in der jede Zeile eine andere Schriftfamilie nutzt
(serif, sans-serif, monospace, cursive, fantasy).
4. (Schwer)
Baue ein mini „Typografie-Poster“ mit 5 Abschnitten, jeder Abschnitt zeigt eine Font-Family
und ein typisches Beispiel dafür.
Aufgaben zu CSS Font Properties
5. (Einfach)
Ändere die Schriftgröße eines Absatzes auf 20px und setze
font-weight: bold.
6. (Einfach)
Setze einen Text in kursiv mit font-style: italic.
7. (Mittel)
Schreibe einen Satz und verändere den letter-spacing
(Abstand zwischen Buchstaben), sodass er gut erkennbar ist.
8. (Mittel)
Erstelle einen Absatz mit einem großen Zeilenabstand, z. B.
line-height: 1.8.
9. (Schwer)
Erstelle einen kurzen Text, bei dem du letter-spacing,
word-spacing und line-height kombinierst, um
einen „Magazine-Look“ zu erreichen.
10. (Schwer)
Verwende die font-Kurzschreibweise, um
font-style, font-weight, font-size, line-height
und font-family in einer einzigen Zeile zu setzen.