Typography

Typo

Dt. Typografie

Erklärung

Typography ist eine Disziplin des Webdesigns und der Webentwicklung. Sie beschäftigt sich mit der Auswahl von Schriftarten, der Komposition dieser und der Nutzung von Räumen für Text. Typische Beispiele für  Typography-Arbeit im Zuge einer Website-Erstellung sind

  • Auswahl von 2 Schriftarten (1x für Überschriften, 1x für Fließtext)
  • Festlegen der initialen Schriftgrößen für Überschriften und Fließtext
  • Anpassung der Schriftgrößen für mobile Bildschirm-Breiten
  • Definition von Abwandlungen für spezielle Website-Elemente (z.B. Uppercase-Nutzung für Buttons)

Am Beispiel von internetzkidz.de bedeutet das:

  • Überschrift 1: Montserrat 80px _uppercase
  • Überschrift 2: Montserrat 35px _uppercase
  • Überschrift 3: Montserrat 25px _uppercase
  • Fließtext: Rufina 21px

D.h. internetzkidz.de nutzt eine Typo-Kombination aus Montserrat und Rufina. Diese sind entsprechend im CSS-Stylesheet für die jeweiligen HTML-Elemente spezifiziert. Beide Fonts sind Google-Fonts, was im Web eine gute Möglichkeit ist, kostenlos Schriftarten zu beziehen. Des Weiteren gibt es Standard-System-Schriften wie z.B. Arial oder Calibri (Windows) oder Helvetica (MacOS), die auf den meisten System eines Users vorinstalliert sind. Einige Websites erstellen aber auch eigene Fonts bzw. kaufen diese.

Typography internetzkidz Glossar
internetzkidz nutzt für die Überschriften die Typo Montserrat und für Fließtext die Typo Rufina.

Siehe auch

Responsive Design, Betriebssystem, OS, Webdesign, CSS, HTML