CSS/Tutorials/Typografie

Informationen zu diesem Text

Lesedauer: 4x30min
Schwierigkeitsgrad: einfach
Vorausgesetztes Wissen: Grundkenntnisse in
• HTML
• CSS

In diesem Tutorial lernen Sie, wie Sie Ihre Texte mit wenig Aufwand mit CSS ansprechend gestalten können. Dabei erlangen Sie einen ersten Einblick in die Grundlagen der Web-Typografie.

Web-Typografe basiert zwar auf den in Jahrhunderten entwickelten Grundsätzen der Druck-Typografie; da es im Webdesign aber keinen festgelegten Darstellungsbereich wie z. B. eine Doppelseite im Buchdruck gibt, treten Grundsätze wie der des vertikalen Rhythmus gegenüber anderen, im Folgenden erklärten, zurück.

Schriftformatierung
- Schriftgröße
- Schriftart
- Einbindung mit @font-face
- Variable Fonts
Textformatierung
- Farben
- text-decoration
- text-transform
- Füllungen und Konturen
  - Schatten und 3D-Effekte
  - Umriss
  - Neon
Textausrichtung
- Einzüge und Abstände
- Unterlängen
- Silbentrennung
Spalten mit columns
die korrekte Anwendung der Satzzeichen
Layout (Makrotypografie)
Gliederung der Webseite in
- Überschriften
- Zeilen
- Spalten
- Grafiken und Tabellen platzieren