Typografie im Webdesign ist derzeit ein spannendes und heiß diskutiertes Thema. Und mit den neuen Möglichkeiten des Font-Embedding, wie @font-face sind uns hoffentlich bald auch keinerlei kreative Grenzen mehr gesetzt. Hier ein paar unserer liebsten Typo-Resourcen und Tools, die garantiert jedes Designerherz höher schlagen lassen.
1. Font Squirrel
Font Squirrel ist unsere Lieblingsseite für Free-Fonts. Hier findest du tolle, und vor allem hochwertige Fonts zum downloaden. Viele der Free-Fonts gibt es auch zum runterladen als @Font-Face Kit.
2. MyFonts
Bei MyFonts findest du ebenfalls jede Menge hochwertige Fonts zum runterladen. Einige der Fonts sind kostenpflichtig. Mit einem kostenlosen Account, gibt es aber auch über 400 Free-Fonts zum downloaden.
3. Dafont
Eine nicht ganz so hochwertige, aber dafür riesige Auswahl an kostenlosen Fonts findest du bei Dafont. Besonders gut gefällt mir, dass man die Schriften gleich mit dem eigenen Text, und praktischen Voreinstellungen durchsuchen kann.
4. WhatTheFont
Ein superpraktisches Tool von MyFonts ist WhatTheFont. Falls du wissen möchtest, welche Schrift z.B. bei einem Logo verwendet wurde, kannst du ein Image des Logos einreichen. Das Tool generiert dir eine Auswahl möglicher Fonts. Genial :-)
5. CSSTypeSet
CSSTypeSet ist ein kleines, hilfreiches Tool, um Websafe-Fonts (z.B. für deinen Fließtext) zu testen, und gleich den CSS Code zu bekommen. Oder anders herum: Um deinen CSS Code zu testen, und wenn nötig zu korrigieren.
6. TypeTester
Mit Typetester kannst du ebenfalls den Fließtext für dein Web-Layout testen, und mit anderen Schriften vergleichen. Auch den CSS Code gibt’s gleich wieder dazu.
7. FontTester
FontTester ist ein ähnliches Tool, wie Typetester. Zusätzlich gibt es aber noch ein paar Extra-Optionen, wie eine Character-Map und etliche CSS Optionen.
8. HTML-ipsum
Bei HTML-ipsum kannst du verschiedene Blindtexte, praktisch als HTML-Version vorbereitet kopieren, und in dein HTML einzusetzen.
Ich hoffe, du hast so viel Spaß wie wir mit diesen Font-Tools. Kennst du noch weitere Tools und Webseiten, zum Thema Web-Typografie?
Dann schreib doch einfach unten einen Kommentar. Ich freue mich schon, auf deine Tipps.
Für alle die sich für Web-Typografie interessieren, hier noch ein paar Tipps zum weiterlesen:
I love Typography ein toller Typografie-Blog, 50 useful Design Tools bei Smashing Magazine. Interessante Tipps gibt’s auch noch beim MyFonts-Blog.
Viel Spaß beim Schmöckern :-)