Typekit für Posterous – eine Anleitung für Nicht-Entwickler

Ich sag’s gleich: mit CSS-Anfragen und Detailtüfteleien braucht keiner zu mir kommen. Ich habe auch nur sehr vage Ahnungen, was ich mit Style-Sheets mache. Auf meiner WordPress-Seite ist es weniger das Problem, da kann man CSS im Editor bearbeiten. Auf Posterous ist das leider nicht so einfach.
Deshalb war ich auch einigermaßen enttäuscht, dass es kein Anfängertutorial für Typekit gibt. Und wie immer wenn ich mich darüber ärgere, dass es etwas nicht gibt: ich mach mich schlau und mache es selbst. Das war der Grund, warum ich angefangen habe zu podcasten („Was, es gibt keinen einzigen deutschsprachigen Handarbeitspodcast? Das werden wir ändern… UND keinen zum Thema Umweltschutz??“)
Aber von Anfang an: Typekit ist eine praktische Sache, und nicht sehr kompliziert:

1. man legt einen Gratisaccount an (der reicht zum Testen)
2. sucht sich eine Schriftart aus dem Katalog aus „add to Kit“
3. gibt auf der Posterous – Einstellungsseite bei Theme unter „Advanced“-„Typekit“ die Nummer seines Typekit-Accounts an
4. „sagt“ dem Typekit-Editor, welchen Teil der Webseite man mit dieser Schriftart schmücken möchte

und fertig. Theoretisch.

Was ist das Problem dabei?

Ganz einfach: bei 4. wird erwartet, dass man – und ich zitiere – „use the Selectors section to apply fonts to any HTML tag, class, or id. You can also add the default class to your markup“
Na eh kein Problem, oder? *esdarfgelachtwerden*
Ich habe also im Internet gesucht, begonnen habe ich auf den Typekit- und Posterous-Hilfe-Seiten. Gefunden habe ich „Du musst Dich mit CSS auskennen, damit Du das machen kannst“ (unterschiedlich formuliert), also weiter mit der Suche. Dann, ein Lichtblick – eine Anleitung auf einer anderen Seite. Leider auch da wieder „wähle einfach die passende CSS-Klasse aus, fertig“ Ja, eh.

Die Lösung

Achtung: ob die für ein individuelles Theme genauso passt hängt davon ab, ob die CSS-Klassen verändert wurden. Für das Standardtheme „Clean Sheet“ passt es, wie ihr an meiner wunderschönen, sehr individuellen Schriftart namens „Fertigo Pro“ seht.
Ihr gebt bei der Schrift, die ihr auf eurer Seite verwenden wollt im Editor folgende Worte ein und bestätigt sie jeweils mit „Add“

body
div#wrap
inner

Damit wird die Schriftart auf der gesamten Seite verwendet, die spezifischen Größen, Stärke (wie z.b. Überschriften stärker) bleiben erhalten.
Wählt auf jeden Fall „All Characters“ im Editor aus, dann habt ihr ü-ä-ö-ß auch dabei 😉
Und: publish im Editor drücken sobald ihr fertig seid. Ein paar Minuten später seht ihr die neue Schrift auf eurer Seite.
Das war es schon. Wer es besser/einfacher/toller kann – bitte die Kommentarfunktion verwenden und uns allen damit helfen.