Impressum

Typographie im Web

Eine Reise durch Schriftgestaltung

Why Fonts
Matter?

Die Wahl der Schriftart kann den Unterschied zwischen einer klaren Botschaft und einer verwirrenden Darstellung ausmachen.

I will always
find you

I will always
find you

I will always
find you

I will always
find you

Die Passende Roadmap

Tauche ein in die Welt der Typographie im Web. Hier findest du wichtige Aspekte in einer kleinen Roadmap für einen starken Einstieg in die Welt der Schriftgestaltung.

image-basics

Basics

Die Grundlagen von Webtypographie

Weitere Infos

Webfonts

Webfont Technologie und Online-Schriftarten für individuelles Design

Weitere Infos
image-webfonts
image-variable-fonts

Variable Fonts

Anpassbare Schriftarten für Flexibilität

Weitere Infos

HTML

Typographie gestalten und strukturieren

Weitere Infos
image-html
image-css

CSS

Typographie stilisieren und anpassen

Weitere Infos

Font Sizing

Effektive Strategien für Schriftgrößen

Weitere Infos
image-font-sizing
image-responsive-typography

Responsive Typography

Schriftgrößen dynamisch an Bildschirme anpassen

Weitere Infos

Accessibility

Lesbarkeit und Zugänglichkeit verbessern

Weitere Infos
image-accessebility
image-trends

Trends

Innovativ, inspirierend und zeitgemäß

Weitere Infos

Mehr über die Roadmap

Die Roadmap entstand aus einem Projekt, bei dem alle Aspekte anhand eines Schemas bewertet wurden. Weitere Informationen zur Entstehung dieses Schemas und der Roadmap findest du hier.

Wie ist die Roadmap entstanden ?

Die ganze Webseite ist als ein Projekt in dem Modul Praxisprojekt an der Technischen Hochschule Köln entstanden.

Für wen ist diese Roadmap geeignet ?

Die Roadmap ist für alle Interessierten geeignet, die sich mit dem Thema Typografie im Web auseinandersetzen möchten. Besonders profitieren Medieninformatiker, Webdesigner und alle anderen Stakeholder, die sich mit Typografie beschäftigen möchten.

Wie detailliert ist die Roadmap?

Die Roadmap dient als Einführung in die Thematik und soll einen leichten Einstieg ermöglichen. Sie bietet eine grundlegende Übersicht über die wichtigsten Aspekte. Themen wie Optimierung, Performance und SEO wurden bewusst nicht aufgenommen.

Wie wurden die Aspekte bewertet ?

Die Bewertung der Aspekte erfolgte durch eine Analyse des Nutzens und des Aufwands für eine Zielgruppe, die sich mit Webtypographie beschäftigen möchte. Dabei wurde der Nutzen und der Aufwand auf einer Skala von 1 bis 5 bewertet.

Warum wurde der Aufwand bewertet ?

Der Aufwand wurde bewertet, um dem Leser zu zeigen, wie schwer die Technologie oder das Thema in dem jeweiligen Aspekt ist. Dabei wurde die Frage beantwortet, wie leicht ein Medieninformatiker oder ähnlicher Stakeholder den jeweiligen Aspekt in einem Projekt umsetzen kann.

Warum wurde der Nutzen bewertet ?

Der Nutzen wurde bewertet, um dem Leser zu zeigen, wie wichtig die Technologie oder das Thema ist. Dabei wurde die Frage beantwortet, wie relevant und hilfreich der jeweilige Aspekt für einen Medieninformatiker oder ähnlichen Stakeholder ist.

Woher stammen die Code Beispiele ?

Jedes Beispiel für einen Aspekt wurde entweder aus dem eigenen Code entnommen oder mithilfe verschiedener Open-Source-Code-Generatoren erstellt, die auf den jeweiligen verlinkten Webseiten gezeigt werden.

Gibt es andere nützliche Webseiten ?

Jeder Aspekt enthält eine Liste nützlicher Webseiten, auf denen verschiedene Tools ausprobiert oder weiterführende Informationen gefunden werden können. Dabei wurden sowohl nützliche Ressourcen als auch praktische Werkzeuge aufgelistet.

Woher stammen die Bilder und Schriftarten auf dieser Webseite ?

Jedes Bild auf dieser Webseite stammt von der Plattform Unsplash oder wurde selbst erstellt. Weitere Informationen zu den Bildern, den Schriftarten oder den Lizenzen finden sich in dem Impressum.