Kurz notiert: Neue Webschriften mit Google Font API
Wer ein bisschen Abwechslung im Webfont-Alltag sucht, sollte mal bei der Google Font API vorbeischauen. Es befindet sich noch in der Beta-Phase aber bietet jetzt schon 18 Alternativen zu den herkömmlichen Webschriftarten und das kostenlos und kinderleicht einzubinden.
Die Google Font Directory
Die Fonts wurden von von professionellen Designern extra für Google entworfen und sorgen so für Exklusivität. Die Palette der Google Font Directory reicht von sehr speziell bis fliesstexttauglich und es stehen verschiedene Schriftschnitte (Variationen) zur Verfügung. Über eine umfangreiche Vorschau (“The quick brown fox jumps over the lazy dog”) bis hin zum Character Set kann sich der Webworker einen genauen Eindruck über das Erscheinungsbild und die Tauglichkeit verschaffen.
Google Font API
Mit dem Google Font API lassen sich die Schriften leicht einbinden. Sie werden im Header der HTML-Datei referenziert und über das Stylesheet angewendet.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
font-family: 'Tangerine', serif;
Einfacher geht es nicht.
Google wird mit dem Font API wohl erneut viele Abhängigkeiten schaffen. Allerdings finde ich, dass die zur Zeit angebotenen Fonts eher für den semiprofessionellen Einsatz zu gebrauchen sind. Zum testen habe ich die Überschriften dieses Blogs mal mit der API-Schrift IM Fell formatiert. Geschmackssache.
HTML: Die populärsten Web Fonts im Vergleich
Es gibt ein paar Tausend Fonts da draußen, doch nur wenige eignen sich für das Internet. Die Auswahlkriterien liegen auf der Hand: Verfügbarkeit, Darstellung, Lesbarkeit, Zweck.
Einen Überblick gibt es hier.
Flattr zärtlich Danke ♥
Beliebte Artikel
- CSS: Ein vertikales und/oder horizontales Dropdown-Menü
- Microsoft: Expression Web SuperPreview. Website-Check im IE6 bis IE8
- Google Waves: Neue Horizonte durch Echtzeitkommunikation?
- CSS: F.I.M. - Fake Image Map. Eine Alternative zur echten Image Map
- CSS: Der IE6 mit :hover und ein vertikales Karteikarten-Reiter-Menü
- MooTools: Fading Opacity. Schickes Menü mit Mouseover
- Kurz notiert: Platz 16 beim CSS Off von CSS-Tricks
- CSS: Transparenz im Hintergrund!
- Podcasting: 5 (hörenswerte) Podcasts rund um's Thema Internet
- Kurz notiert: Und der User scrollt doch!?
- Kurz notiert: Mehr Schärfe mit Photoshop. Unscharf maskieren...
- CSS: Ein 3-Spalter-Div-Layout!
- CSS: Ein 3-Spalter-Div-Layout. Absolute!
- CSS: Einen Float-Container ohne zusätzliches Markup clearen!
- Dreamweaver 8: ListAll und BreakAll-Erweiterung!
- CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
- VMware: Ein Player für alle Fälle!
- Flash: Dynamische Navigation aus einer Datenbank!
- CSS: !important. Styles mit der groben Kelle!
- CSS: Be water my friend. Was CSS und Bruce Lee gemeinsam haben könnten...
- Browser: Google will mit Chrome glänzen
NonCommercial
Shop
Folge mir auf...
- Superneedful Chrome Extension: Pendule http://goo.gl/G14H #chrome #browser #extension 3 hrs ago
- Lange nicht mehr gehört - immer wieder gerne: Rancid ~ Roots Radicals http://goo.gl/AzN1 #rancid #punk #video 3 days ago
- Typography Served :: Gallery http://www.typographyserved.com #inspiration #typography #design 4 days ago
- More updates...
