Die ultimative Typografie-Ressourcen-Sammlung für Designer
Typografie macht 95% des Webdesigns aus. Diese Ressourcen helfen dir, professionelle Schriftgestaltung zu meistern.
Font-Bibliotheken & Foundries
Google Fonts (fonts.google.com)
Die größte kostenlose Font-Bibliothek mit über 1.500 Schriftfamilien.
Vorteile:
Best Picks: Inter, Manrope, DM Sans, Crimson Pro, Literata
Adobe Fonts (fonts.adobe.com)
Premium-Schriften inklusive mit jedem Adobe Creative Cloud Abo.
Highlights:
Must-Haves: Acumin, Proxima Nova, Futura PT, Minion Pro
Fontshare (fontshare.com)
Qualitativ hochwertige Fonts von Indian Type Foundry, komplett kostenlos.
Features:
Empfehlungen: Satoshi, Cabinet Grotesk, General Sans, Clash Display
MyFonts (myfonts.com)
Einer der größten kommerziellen Font-Marktplätze.
Vorteile:
Font-Pairing Tools
Fontjoy (fontjoy.com)
AI-gestützter Generator für harmonische Schrift-Kombinationen.
Funktionsweise: Nutzt Deep Learning für ästhetisch ausgewogene Pairings.
Praxis-Tipp: Fixiere eine Schrift und lass die AI passende Partner finden.
Font Pair (fontpair.co)
Kuratierte Google Fonts Kombinationen mit visuellen Beispielen.
Besonderheit: Jedes Pairing zeigt eine realistische Anwendung.
Kategorien: Elegant, Modern, Playful, Professional
Type Scale (typescale.com)
Erstellt harmonische Typografie-Hierarchien mit mathematischen Verhältnissen.
Features:
Learning-Ressourcen
Practical Typography (practicaltypography.com)
Matthew Butterick's umfassendes Online-Buch über Typografie.
Inhalt:
Preis: Pay-what-you-want (empfohlen: $5-10)
Typewolf (typewolf.com)
Inspirierende Beispiele für Webfonts in freier Wildbahn.
Features:
Preis: Kostenlose Beispiele, Premium ab $19/Jahr
Better Web Type (betterwebtype.com)
Email-Kurs für bessere Web-Typografie von Matej Latin.
Umfang:
Preis: Kostenlos
Tools für die Praxis
WhatFont (Browser-Extension)
Identifiziert Schriften auf jeder Website per Klick.
Funktionen:
Preis: Kostenlos
Fontbase (fontba.se)
Font-Management-App für Mac, Windows und Linux.
Features:
Preis: Kostenlos, Pro ab $6/Monat
Glyphs (glyphsapp.com) & FontLab
Professionelle Font-Editoren für eigene Schrift-Gestaltung.
Glyphs (nur macOS): Intuitive Bedienung, ideal für Einsteiger
FontLab (Cross-Platform): Mehr Features, steile Lernkurve
Preis: Glyphs ab €299, FontLab ab $459
Lizenz-Checker & Legales
Font Licensing Guide (fontsinuse.com)
Erklärt verschiedene Lizenzmodelle und deren Bedeutung.
Wichtig: Desktop vs. Web vs. App vs. ePub Lizenzen unterscheiden sich.
Fontspring (fontspring.com)
Font-Shop mit "Worry-Free License" – eine Lizenz für alle Nutzungen.
Vorteil: Keine komplizierten Lizenz-Upgrades bei wachsendem Traffic.
Inspiration & Showcase
Fonts In Use (fontsinuse.com)
Archiv realer Anwendungen von Schriften in Design, Werbung und Kunst.
Features:
Type Specimens (typespeci mens.xyz)
Sammlung digitaler Schrift-Musterbücher.
Besonderheit: Interaktive Specimen-Seiten zum Testen.
Variable Fonts Ressourcen
V-Fonts (v-fonts.com)
Kuratierte Liste hochwertiger Variable Fonts.
Features:
Axis-Praxis (axis-praxis.org)
Playground für Variable Fonts mit animierten Beispielen.
Lern-Tool: Verstehe, wie Variable Font Achsen funktionieren.
Performance & Optimierung
Fontsource (fontsource.org)
Self-hosted Google Fonts als NPM-Packages.
Vorteile:
Font Subsetting Tools
Glyphhanger: CLI-Tool für optimales Font-Subsetting
Transfonter: Online-Konverter mit Subsetting-Option
Typografie-Checklisten
Font-Auswahl-Kriterien
Web-Typography-Checklist
Fazit
Gute Typografie erfordert die richtigen Werkzeuge. Diese Ressourcen decken alle Aspekte ab – von der Auswahl über das Pairing bis zur technischen Implementierung. Bookmarke diese Liste und baue dir deinen persönlichen Typografie-Workflow auf.
