Okt
8
2009

Typeface – Jeden Font einfach im Blog darstellen

Ein Artikel von Stefan Comments

Es gab ja nun schon einige Ansätze wie man seinen Wunschfont in sein Blog einbinden kann. So richtig schön einfach funktionierten die allerdings alle irgendwie nicht. Typekit kommt jetzt mit einer richtig einfachen Lösung daher und ich muss sagen, ich bin wirklich beeindruckt!

Bereits vor knapp einem Jahr hatte ich Typeface hier im Blog vorgestellt und habe es schon damals für eine gute Lösung gehalten. Es gab dann allerdings doch noch das eine oder andere Problem was sicherlich viele an dem Tool gestört haben. So mussten die Fonts erst umständlich konvertiert werden und dazu brauchte man dann auch noch Windows.

Vor ein paar Tagen bekam ich dann Post von Typekit in der man mich zum Betatest eingeladen hat. Die gehen einen ähnlichen Weg wie die Entwickler von Typeface. Die jeweiligen Schriften werden hier über ein externes Javascript geladen. Allerdings braucht man hier wirklich keinen grossen Aufwand mehr zu betreiben, um das eigene Blog mit seinen Lieblingsfonts zu schmücken.

typeface1

Fonts auswählen

Nach dem Login bei Typeface werden schon die verfügbaren Fonts angezeigt. In der kostenlosen Trial Version stehen einem über 150 Schriften zur Verfügung. Ich denke da wird jeder etwas passendes finden. Ein einfacher Klick reicht um die Schrift dem persönlichen Portfolio hinzuzufügen.

typekit-editor

Schriften einstellen im Typekit Editor

Hat man sich so seine Lieblingsfonts zusammengesucht, dann geht es auf den Typekit Editor. Hier legt man die Regeln fest für was die jeweilige Schrift verwendet werden soll. So reicht z.B. eine simple Eingabe von h1 aus um einen Font als Headline zu definieren. Andere Einstellungen wie die Auswahl der Schrift in kursiv, oder die Anzeige im Browser falls Typekit nicht unterstützt wird, können hier ebenso gemacht werden.

Javascript im Blog einfügen

Hat man sich so seine persönlichen Fonts für das Blog zusammengestellt, braucht man nur noch seinen persönlichen Javascript Code zu generieren. Diesen dann noch schnell in den Header nach dem öffnenden <head> Tag einfügen und die Fonts erscheinen nach kurzer Zeit im Blog.

Fazit

Meine persönlichen Erfahrungen sind bisher durchweg positiv. Die Einbindung funktioniert wirklich stresslos und ist sehr einfach anzuwenden. Ich habe selbst zwar noch keine speziellen Fonts installiert, habe es aber live getestet. Für mich stellt das Tool eine echte Bereicherung dar und wird sicherlich bald in vielen Blogs zu finden sein. Folgende Accounts stehen zur Verfügung. Für einen normalen Blogger sollte der Trial Account allerdings ausreichen denke ich.

typekit-accounts

5 Beta Einladungen für Typekit zu verschenken

Wenn Ihr jetzt so richtig Lust bekommen habt das Tool in Eurem Blog zu testen, dann hab ich eine gute Nachricht für Euch. Ich kann 5 Einladungen zur momentanen Beta verschenken. Um mitzumachen braucht Ihr nichts weiter tun als diesen Artikel zu retweeten @Printmonster. Das Los entscheidet wenn es mehr als 5 Interessenten gibt.

Rock on…