Besonders sympathisch aufgefallen ist mir die Olga. So eine Type hab’ ich schon lang nicht mehr gesehen: Sie hat in dem Regular-Schnitt den Charakter einer ausgesprochen klassischen Renaissance Antiqua, doch wirkt doch ausgesprochen zeitgemäß und entspricht dem aktuellen Schriftgeschmack. Dabei ist sie merkwürdig genug und nicht ein weiterer uninspirierter Klon. Insbesondere die derben Einschnitte und harten Kurven – die wohl einem Linoleumschnitt nachempfunden sind – geben der Schrift in diesen Schnitten ein ausgesprochen interressantes Extra. Vielleicht sind die Einschnitte manchem etwas zu extrem, aber das sei dahingestellt – ich find’s eine schöne treffende Idee. Endlich mal wieder was neues.

Konzept-Text zur Olga

As a designer I know how much pleasure can arise from working on a book or magazine design with »experimental« content and background, like art, illustration or design issues. The choice of typeface is exciting and important, but very often underestimated. In this area of book or magazine design there is often a need for a good working text typeface for use in combination with a prominent and extraordinary typeface for titling and emphasis. Finding the right pair can be difficult and it is not uncommon that the result doesn’t work very well. Having this problem in mind I wanted to design a typefamily with different styles where one style is suitable for bodytext and where the other is experimental and suitable for titling and emphasis. The result is Olga regular and Olga lino. Olga regular is a modern renaissance antiqua with a solid, warm and organic character which makes it legible. Olga lino is based on Olga regular, but is also inspired by linocut illustration technique. With the bold character and the sharp cuts the typeface reflects the roughness and strength of linocut. To keep the handmade and irregular image, Olga lino has different glyphs for the same character.

Da stellt sich nur die Fraqe: Wann wird die Olga das Licht der Welt erblicken, und wo wird man sie wohl einsetzen – hoffentlich in einem ähnlich inspiriertem Magazin. Ich würd’s Olga auf jedenfall wünschen.

Links zur Olga

• Mehr auf der Seite von Christina Bee (kruzbi.de)
• Olga ist unter den TDC2 2007 : Winning Entries

Winning Entries 2007

Text / Type Family

• Corundum Text von Joshua Darden
• Greta Text von Peter Bilak
• Untitled von Joshua Darden
• EMT Lorena von Eduardo Manso
• Olga von Christina Bee
• Tisa von Mitja Miklavčič

Type System / Superfamily

• Arno Pro von Robert Slimbach
• Beorcana von Carl Crossgrove
• Fakir von Underware
• Nassim von Titus Nemeth
• Midan von Kameel Hawa
• Palatino Sans and Palatino Sans Informal von Hermann Zapf and Akira Kobayashi
• Quiosco von Cyrus Highsmith
• Xtra Sans von Jarno Lukkarila

Display

• Flexion von John Langdon
• Manicotti von David Jonathan Ross
• Peanut von Michael Clark
• Subtil von Hanno Bennert and Alexander Gialouris

Pi & Ornament

• Gregoria von Elena Albertoni

Doch damit nicht genug – Auch meine Flickr-Bilder sind wieder anwesend. Nachdem das Plugin in den letzten Wochen – oder waren es Monate? – einige Probleme hatte, funktioniert es jetzt wieder wunderbar, doch nun sind auch wieder meine kleinen Bildchen auf 72Quadrat zu sehen – neuerdings sind meine typografischen Versuche dort übrigens prominent im Kopf vertreten. (siehe hier)

Nach ersten Anfängen – Ich glaub’ es war 2005 – mit einer Serifenbetonten habe ich vor ein paar Wochen die wenigen schon vorgezeichneten Versalien von ihren Serifen befreit und krätftig an den Formen geschraubt. Vielleicht bekommt mein Schätzchen irgendwann Ihre Serifen wieder, doch vorerst ist genug zu tun. Heute sind zumindest die Minuskeln hinzugekommen teils noch recht grob und unvollkommen oder schlicht zu eigensinnig, doch auch das werde ich den Staben schon noch austreiben.

Doch die Arbeit ist eine regelrechte Freude und man sollte vielleicht wieder jeden einzelnen Studenten und Gestalter der täglich mit Buchstaben hantiert dazu zwingen einmal eine Schrift zu zeichnen. Es war nicht nur eine große Freude die Formen zu entwickeln – es war auch ungemein lehrreich.

Die nächsten Schritte

• Grauwert einiger Zeichen angleichen (insbesondere die Versalinen XYWZ)
• Einigen Buchstaben ihre Macken austreiben – Es werden täglich mehr.
• Die Ziffern zeichnen – auf jeden Fall nicht nur Versalziffern
• Interpunktion
• Sonderzeichen
• Ein paar Alternativformen von denen ich mich nicht trennen kann
• Zurichtung endlich fest zurren
• Kerning,… Kerning,…

Ach ja, das Schätzchen braucht noch einen Namen – wem da was einfällt, immer her damit.

Wegweiser Schrift

Ich bin ja bereits stolzer Besitzer der Klassiker Lesetypografie und Detailtypografie aus dem Hermann Schmidtz Verlag. Leider hat es dieses kleine Heftchen immer noch nicht in mein Buchregal geschafft. Vielleicht ändert sich das ja mal. (Verlags-Link)

EinEinBandBand

Schon wieder ein Typo-Buch – und ein besonders schönes dazu. Einband-Gestaltung kommt leider nicht allzu oft auf meinen Schribtisch, doch dieses feine Buch dürfte dort durchaus mal landen. (siehe Verlags-Link)

Type-Select – Der Farbfächer des Typografen

Das Teile hatte ich schon des öfteren in der Hand – doch ich konnte mich bisher noch nie dazu durchringenes wirklich zu kaufen. (siehe Verlags-Link)

100 T-Varianten

So jetzt aber auch die letzte Typo-Geschenkidee aus dem Hermann Schidtz Verlag – versprochen! Doch für nen Timo sind 100 T-Varianten ja vielleicht ganz nett. (Verlags-Link)

spatium »Hamburgefonts«

Das aktuelle Schriftmuster-Magazin-Heft von Spatium würd’ mir unterm Baum natürlich auchgefallen. (siehe Shop)

Typotheque Kalender 2007

Ich will ja wieder ein bissel mehr offline leben. Darum fang ich nächstes Jahr doch einfach mal mit meinem Kalender an. Bei Typotheque gibt’s einen feinen kleinen Taschen-Kalender der mir verdammt gut gefallen würde. (siehe hier) Update: Das wird mir schon geschenkt !!

Buchstaben für die Bude

Neulicht hatten Lene und ich ja schon überlegt, wo wir in unserer Bude ein paar wunderschöne Buchstaben anbringen können. Jetzt habe ich dank dem Fontblog auch einen Laden in Hamburg gefunden wo man solch nette Staben bekommt.

Radl-Thermo-Trikot

Tja ja, der Timo muß sich ja wirklich mal etwas mehr bewegen. Vielleicht würde da ein Langarm-Thermo-Trikot helfen?

Hab’s soeben beim Gerrit von praegnanz.de zum erstenmal in all seiner Pracht in einem Screenshot von SpOn gesehen: Lila Schriftbrei auf weißem Grund. Das ist also unsere neue Bildschirmtypografie. Grund für diese lilafarbene Krankheit sind die hochgelobten Subpixel – immerhin gibt es von MS laut Wikipedia auch ein Online-Programm zur Optimierung der Problematik: Den ClearType Tuner für Windows XP. Doch mal ganz ehrlich: Wer wird das wohl benutzen? 10% der User?

Immerhin ist Cleartype eine ziemlich ordentliche Technik der Schriftglättung, und das Problem der lila Texte wird nur bei einigen Usern auftauchen. Bleibt also zu hoffen daß solche Probleme nicht die Regel sind, und Gerrits Screenshot da die Ausnahme bildet. Natürlich ist Schriftglättung bei größeren Schriftgraden eine wunderbare Sache, doch bei 8 Pixel-Typo? Naja, ich bin auf jedenfall sehr gespannt. Etwas irritierend ist, daß man im Netz vor allem auf Schriftbeispiele mit kurisver Typografie stößt. Wie z.B. hier bei MS – klar, da kommen Pixelschriften einfach nicht mit. Doch das Gros der Bildschirmtypografie in kleinen Graden wird – gottlob – nicht von kurisven Schnitten oder Antiquas geprägt. Wobei auch ein Screenshot auf mezzoblue (ganz unten links ohne Cleartype, rechts mit) macht mir etwas Angst – ist das wirklich besser?

Also hoffen wir mal, daß es so erfrischend weitergeht.
Nun hier geht’s zu www.spatium-magazin.de

Mini Resumé

Nachdem ich nun das Buch ja bereits ein paar Tage in meiner Wohnung herumliegen hab – hab’s ja schließlich sehr flott bestellt – wird es wohl Zeit für ein kleines Resumé. Leider habe ich in letzter Zeit nicht besonders viel Muße gehabt zu lesen, doch mir gefällt »Anatomie der Buchstaben« ausgesprochen gut.

Das Ding selbst

Das Buch selbst ist natürlich ausgesprochen fein – Ich liebe die verwendete Quadraat-Type einfach – und auch die Verarbeitung und das Papier zeugt von guter Qualität, wobei zumindest bei dem Papier mir leider unangenehm aufgefallen ist, daß es etwas wirkt als wäre der Druck leicht gepudert – was sicherlich nicht der Fall sein dürfte. Ich persönlich bin da aber auch ein bissel empfindlich.
Auf den Fotos ist zu sehen, daß selbst der Leineneinband kräftig gestaltet wurde und identisch zu dem Schutzumschlag ausschaut. Zunächst fand ich das eine feine Sache – inzwischen find ich’s aber doch komisch. Da wäre eine etwas schlichtere Gestaltung für den Leineneinband wie bei »Lesetypografie« oder »Detailtypografie« vielleicht doch eher nach meinem Geschmack.

Der Inhalt

Das Buch gliedert sich in die Bereiche

• Großbuchstaben mit Serifen
• Einleitung
• Kleinbuchstaben mit Serifen
• Serifenlose Großbuchstaben
• Serifenlose Kleinbuchstaben
• Ziffern
• Interpunktion
• Diakritische Zeichen
• Zurichtung
• Und nen bissel Anhang

Diese Gliederung ist sehr stark zu spüren und unter dieser Obergliederung werden dann auf den einzelnen Doppelseiten die Buchstaben Buchstabe für Buchstabe besprochen und genau angeschaut. Wobei natürlich ähnliche Lettern auch zusammen besprochen werden. Was mir hier schon einmal gefiel, ist zum einen daß so die Buchstaben wirklich gut getrennt besprochen werden und zum anderen daß zum Glück nicht einfach nach ABC gearbeitet, sondern etwas nach der Vorgehensweise der Schriftgestaltung vorgegangen wird.
Dies ist natürlich sehr relativ zu verstehen da jede Type andere Methoden und Schritte benötigt, aber für ein solches Buch find ich’s passend.

Ebenso gut gefiel mir die Sprache des Buches. Sehr sachlich und nüchtern – eben anatomisch. Es wird auf den ersten Seiten recht häufig darauf hingewiesen, daß dies oder jenes natürlich nicht für jede Schrift gilt – also daß man diese anatomischen Detailbetrachtungen nicht direkt in einen Schriftentwurf münzen lassen kann – was wohl jedem Leser klar sein sollte. Doch dieser Hinweis wird zunehmend seltener so daß man nicht davon genervt wird.

Natürlich werden in einem solchen Buch eher die großen lesetypografisch brauchbaren Schriften angeschaut, was den genauen Blick noch etwas schwieriger macht, da der Teufel eben bei einem guten Buchstaben sehr stark im Detail liegt. In der Einleitung des Buches wird daher z.B. auch der Begriff Nanotypografie einmal benutzt – ganz klar als Verweis zu dem Buch Detailtypografie des gleichen Verlages. Aber das trifft die Sache schon sehr gut. Es wird anatomisch exakt dem Buchstaben in’s Auge geschaut um zu erkennen, wie diese Form gestaltet wurde.

Bei dieser Betrachtung helfen dann die ausreichend groß abgebildeten Beispielbuchstaben mit exakt gezeichneten Hilfslinien, Rasterteilen, Dicktenmessungen und diversen anderen Methodend der Visualisierung. Auch sehr schön – und teils regelrecht erschütternd schön – sind übrigends die studentischen Typografieskizzen die sich zwischen die Seiten mischen.

Also ein schönes Buch welches recht treffend den genauen Blick auf den Buchstaben schult.

Preise und so

Einen Pferdefuß hat die Sache natürlich immer: Den Preis. Mit den typischen 68,– Euro ist das gute Stück keines Wegs ein Schnäppchen. Es gibt auch die amerikanische Originalausgabe bei Amazon zu erstehen, die sage und schreibe 26,90 Euro also weniger als die Häfte kostet. Doch weiß ich nicht wie das Teil innen wirklich ausschaut.

• Informationen vom Verlag
• Die amerikanische Fassung bei Amazon

Hier geht’s zur Quellensammlung Typografie

Weitere Linklisten von Dr.Web:

• Quellensammlung: CSS und Design Galerien
• Tutorialsammlung
• Online Generatoren: Die Liste

• Ganz klar: Jetzt läuft’s halt unter OSX
• Irgendwas soll für Euro-Character verbessert worden sein
• Die Encodings wurden aktualisiert
• Ganz toll: Endlich kann aus aktuellen Illustrator und FreeHand Versionen copy-paste verwendet werden
• Nen paar Bugfixes

Den Typo-Veteran gibt’s hier

Das gute Stück kostet als Update auch nicht mehr als 99$ und eine Vollversion wandert für 349,–$ über die Ladentheke – Wenn man das mit dem Preis für Fontlab Studio 5 von 649,– $ vergleicht, also schon ein guter Schritt. Jedoch kann auch die aktuelle Version von Fontographer keine Opent-Type Fonts erstellen, was wohl auch in Zukunft nicht der Fall sein wird. Ich bin aber trotzdem froh über eine OSX-Version von Fontographer. Ich verstehe die Kurvenbearbeitung unter Fontographe einfach besser als unter Fontlab, und schon allein die deutlich bessere Druckfunktion in Fontographer gefällt mir sehr sehr gut.Fontlab Studio 5 wurde zwar hinsichtlich der Druckfunktionalität schon klar verbessert, doch für MACs muß man ja leider weiterhin die Version 4.6 verwenden.

Mehr Infos gibt’s natürlich direkt beim Hermann Schmidt Verlag.

Kleiner Infotext vom Verlag:

Karen Cheng Designing Type
Und dennoch machen wir ein Buch zum Gestalten von Schriften? Ja! Wir probieren schließlich auch lauwarme Steinpilze mit weißen Pfirsichen in Balsamico und lieb — äugeln mit Auflagen wie sie Jamie Oliver oder Tim Mälzer bescheren …
Also machen wir uns auf die Suche nach kompetenten Anregungen zum Typedesign. Weltweit. Und mit Partnerverlagen.
Jetzt schließt Professor Karen Cheng diese Lücke mit einem Buch, das Letter für Letter das Wesentliche beleuchtet, die spezifischen »Problemzonen « auf zeigt und die Charakteristik der vielen schon bestehenden Schnitte herausarbeitet. Damit gibt Cheng Ihrer Kreativität Struktur, einen Rahmen und Halt. Sie kennen jetzt Ihre »Gegenspieler« und wissen, gegen welche Typen Ihre Schrift im Type-Design-Contest antritt.
Sie lernen aus den Erfahrungen der Besten. Von A bis Z, von null auf hundert, inklusive Sonderzeichen. Dann ist Ihr Blick entweder so geschult, dass Sie Schrift mit anderen Augen sehen – und im Schriftmusterbuch die Schrift Ihrer Wahl entdecken, oder Sie haben das ideale Fundament für den eigenen Entwurf. Von dem wir Ihnen – und uns – wünschen, dass er Furore macht. Und Eingang in die Nachauflage des Schrift-Fächers TypeSelect findet.

Tja, und dann hab ich mich natürlich auch gleich mal rangemacht und angefangen endlich mal eine eigene Schrift zu kreieren. Mein mangelnder Fleiß hat es zwar geschafft, daß ich bei ein paar wenigen Buchstaben hängen geblieben bin, aber mal schauen. Ist übrigends eher eine »Bauch-Type« als was wirklich ausgefeiltes. Aber wenn ich daran denke, was ich da alles noch feilen muß bis die Schrift auch wirklich Schrift geworden ist…

Zunächst zu der Image Render Technik

Die meisten etwas größeren Webseiten werden inzwischen ja mit einem Content-Management System mit Inhalten gefüttert. Eine sehr feine Sache, braucht man doch weder Spezialsoftware noch besondere Kenntnisse um Inhalte in eine Website einzupflegen. Es ist je nach CMS System fast so einfach eine Email mit GMX zu schreiben – wenn nicht gar einfacher –, wie einen neuen Beitrag auf eine Internetseite zu stellen. Der Weblog-Hype zeigt uns nur zu gut, wie einfach es dank eines einfachen CMS Systems sein kann, und jede Weblog-Software ist ja eigentlich nichts anderes als ein kleine CMS.
Der große Nachteil ist jedoch, daß es CMS Systeme (ich glaube fast immer) reine HTML-Seiten erstellen, in denen man trotz moderner CSS-Technik ja nur die Schriftem verwenden kann, die auch auf dem Rechner des Surfenden installiert sind, eben meist Verdana, Arial, Times und Co. Um individuelle Typografie in der Schrift der Wahl auf eine Internetseite zu bekommen ist es notwendig diese in Form von Pixelbildchen zu erstellen, also im klassischen Fall Photoshop zu öffnen, und ein entsprechendes JPG o.ä. zu erstellen, welches anschließend auf den Server gespielt wird. Das ist jedoch für jede X-Beliebige Headline einer Internetseite dann doch eine Menge Handarbeit, und man hat sich oft darauf beschränkt die Navigationspunkte oder andere eher feste Bestandteile einer Internetseite mit individuellerer Typografie zu versehen.

Die Image-Render-Technik hat hier Abhilfe geschaffen, denn dank entsprechender PHP Module ist der Server auf dem die Seite liegt dazu in der Lage Texte in ihm zur Verfügung gestellten TrueType Schriften zu schreiben und ein Pixelbild auszuspucken welches anschließend anstelle der gewöhnlichen HTML-Headline dargestellt wird. Sinnvollerweise wird das Bild mit einem Alt-Tag versehen, damit auch Screenreader, Google u.a. die Headline lesen können. Das alles geschiet automatisch im Hintergrund ohne daß der Schreiberling der seine Beiträge auf die Seite stellt seinen Finger krumm machen müsste. Schon eine wirklich feine Geschichte. Das gleiche PHP-Modul sorgt übrigends auch auf vielen Webseiten dafür kleine Vorschaubildchen von hochgeladenen Fotos zu erstellen – hier auf 72Quadrat ürbigends auch.

Ich finde jedoch schade daß man es der Seite anmerkt, daß einem eigentlich ein Bild vorgesetzt wurde. Man kann den Text mit dem Cursor einfach nicht mehr markieren, und für jeden Rollover-Effekt o.ä. wird ein neues Bild benötigt. Das kann einen schwachen Server schon schnell in die Knie zwingen.

Und nun sIFR

Bei sIFR schaut es ganz anders aus. Hier wird die Typo nicht in Form von Bildern dargestellt sondern mithilfe von Flash, der Einbau der Flash-Files geschiet mit einem wundersamen Javascript, welches die Textelemente die in einer bestimmten Typo gesetzt werden sollen, durch Flashelemente ersetzt. Wohlgemerkt, die Seite bleibt im Grunde genommen ganz klassisches HTML mit ganz normaler Typografie, nur werden durch das Javascript nach dem Laden der Seite eben bestimmte HTML-Stücke durch Flash ersetzt. Natürlich checkt das Javascript zunächst ob der Surfer überhaupt Flash hat, doch das ist inzwichen in wohl 90% der Fälle gegeben, und wenn Javascript ausgeschaltet wurde, wird die Seite schlicht als ganz normale HTML-Seite dargestellt. Die Seite bleibt also barrierefrei und ist auch von Google und Co komplett lesbar – eine schöne Sache!
Ganz Nebenbei hat Flash aber noch zwei besondere Feinheiten im Vergleich zu Pixelbildchen zu bieten:

• Kleine Datenmengen dank Vektoren
• Auswählbare und kopierbare Typo

Der erste Vorteil liegt auf der Hand, denn JPG’s und GIF’s verkleinern den Pixelhaufen zwar schon ganz gut, doch funktioniert dies insbesondere mit weichgezeichneten Antialias-Fonts nicht besonders gut. GIF’s mögen es einfach gern, wenn das Bild aus möglichst wenigen Farben mit möglichst großen zusammenhängenden Flächen besteht – was bei Typografie oft nicht ganz der Fall ist (Ausnahme die ehemals trendigen Pixelschriften). Tja und JPG komprimiert zwar großartig zeigt jedoch bei scharfen Konturen und Kontrasten leicht seine hässliche Seite in Form von blockigen Artefakten auf der Typo.
Da eine Schrift aber eigentlich aus Vektoren besteht und als Informationsmenge eigentlich nur die notwendigen Vektorinformationen aller Buchstaben benötigt, ist es mit Flash ein leichtes Schrift auf das notwendige Minimum herunterzurechnen, und schließlich müssen diese Informationen auch nur ein einziges Mal geladen werden, anschließend muß nur noch die Information geladen werden welche Buchstaben denn nun aneinander gereiht werden sollen, fertig. Klar bei sIFR kommen da noch ein paar Zeilen Javascript hinzu, doch auch die werden ja nur einmal geladen.

Der zweite Vorteil ist aber noch bemerkenswerter, und hat zumindest für mich schon etwas von einem WOW-Effekt. Ich habe eigentlich immer einfach mal auf einer Seite ein bissel mit dem Cursor herummarkiert, um zu sehen was denn alles in Wirklichkeit Bildelement oder Flash auf einer Seite ist, doch man kann ja in Flash Text auch auswehlbar machen. Wenn man über eine Seite mit sIFR Typo mit dem Cursor geht glaubt man seinen Augen kaum: Alles ist auswählbar, in die Zwischenablage kopierbar und doch wird einem eine Schrift vorgesetzt, die man wohl nicht installiert hat – Erstaunlich.

Das ganze ist dabei auch noch komplett W3C Valid und ordentliches HTML

Nachteile?

Doch bevor jetzt gleich allzu doll gejubelt wird, sIFR ist tatsächlich nicht die Superlösung schlechthin es gibt noch ein paar kleinere Problemchen und Bugs bei sIFR.

• Das Javascript ist schnell aber nicht unsichtbar
• Das Kerning der Typo lässt sich nicht einstellen
• Die sIFR-Texte können nicht per Textzoom (Beisp.: Apfel und +) skaliert werden.
• Text und sIFR-Überschrift lassen sich nicht gemeinsam markieren.
• Bei Layouts mit variabler Breite ändern sich die Flash-Objekte nicht mit, wenn man die Größe des Fensters ändert. Auch hier werden die sIFR Texte erst nach einem Reload der Seite angepasst.
• Wer z.B. das nette Lightbox–Javascript verwendet um seine Bilder darzustellen, wird sich mit ein paar Problemen herumschlagen müssen, da die Flash-Inhalte weiter normal sichtbar bleiben und nicht weggedimmt werden.
• Verlinkte sIFR-Texte können nicht per Kontextmenü (rechte Maustaste) kopiert oder anderweitig verwendet werden.
• Überschriften erscheinen erst deutlich nach dem Rest des Inhalts, und manchmal kann es schon ne Weile dauern, bis die ganze Seite geladen wurde. (Anmerkung: Das kann man aber wohl mit sIFR 2.0 inzwischen ändern, so daß zunächst der HTML Text angezeigt wird.
• User-Stylesheets haben keinen Einfluss auf die sIFR-Texte: Sehbehinderte surfen häufig mit inversen Farben.
• Wer mit abgeschaltenem CSS, aber mit JavaScript surft, bekommt die Überschriften doppelt zu sehen (Eher unwahrscheinlich).

Eine Frage des Copyrights

Selbstverständlich sollte der Nutzer von sIFR darauf achten, dass er auch die Schrift die er für sIFR verwenden will entsprechend nutzen darf. Hier gibt es ein paar Dinge zu beachten. Im Zweifel hilft hier zum einen meist ein Blick in die Readme Datei die der Schrift beiligt, oder eine Nachfrage beim Fontshop oder direkt bei dem Hersteller der Schrift. Es ist nämlich nicht so, daß man jede Schrift die man erworben hat, auch für diesen Zweck verwenden darf.

Hintergrundinfos zu sIFR gefällig?

Um mehr über sIFR zu erfahren habe ich im folgenden ein paar Links zusammen gestellt. Es gibt im Internet dutzende an Informationsquellen zu sIFR, einfach mal bei Google nachschauen.

• Die Offizielle sIFR Site (e)
• weitergehende Infos (e)
• Sehr schöner Artikel mit einer kleinen Präsentation bei Macromedia (e)
• Eine kleine Demonstration (e)
• deutsches Tutorial vom Kölner Blog Büro (offline)
• Das sIFR Forum (e)
• Prägnanz.de Artikel zu sIFR (d)
• Für und Wider Diskussion (e)
• Dr. Web zu sIFR (d)
• noch ein kleines Beispiel (e)
• Ein paar Freeware sIFR Fonts (e) (offline)
• Pixelfonts in sIFR nutzen (e)

Seiten die sIFR einsetzen:
• ABCNews.com
• Design by Fire
• jukebo.cx
• Prosper – The Business Magazine
• Je Reinste Onzin
• base-box.de
• Brian Sweeting
• Six Apart
• Scherenburgfestspiele Gemünden

sIFR und WordPress? Wie gehts das?

Da war ich dann wirklich erstaunt. Denn für WordPress gibt es ein feines Plugin mit dem man sIFR unheimlich einfach in sein WordPress Weblog integrieren kann. Es werden jedoch nur die beiden Standard-Schriften beigefügt, doch wenn man Flash MX 2004 hat, kann man sich ja auch seine eigenen Schriften für sIFR erstellen. Allerdings sollte man auf die Lizenzrechte der Schriften achten. Ein Tutorial wie man das macht gibt’s natürlich auch schon längst.

Das Plugin für WordPress heißt CG-FlashyTitles und funktioniert wie schon gesagt ausgesprochen einfach. Zumindest hatte ich keinerlei Probleme bei der Installation. Das Plugin lässt sich im Admin-Bereich von Worpress sehr gut einstellen, und es ist möglich verschiedene Selektoren für unterschiedliche »Typo-Ersetzungs-Aufgaben« anzulegen. Die Sache funktioniert wie sIFR sonst auch auf folgende Weise:

1. Selektor wählen
Man wählt einen HTML Tag dessen Text durch sIFR Text ersetzt werden soll aus. Wenn man beispielsweise den Selektor H2 wählt werden alle Headline-Texte dieser Stufe durch einen sIFR Text ersetzt. Die Schriftgrößenangaben stammen aus der üblichen CSS Datei, in der man ja sicherlich bereits eine Größenangabe für die Headlines angegeben hat. Man kann aber auch ein wenig kombinieren und durch die Wahl eines Selektors wie #content h2 nur die Headlines ersetzen, die sich in dem Content-Div befinden. Weitere Experimente habe ich bisher nich nicht durchgeführt, aber ich muß eingestehen, daß ich das schon für eine ausgesprochen interessante Sache halte, die ich sicherlich auch bald auf meiner Internetseite bringen werde.

2. Schrift auswählen
Direkt nach der Installation sind nur zwei Schriften vorhanden, doch man kann sich ja auch seine eigene Erstellen (siehe dieses Tutorial) oder auch eine der sIFR Fonts von sifrfonts.com (leider offline) herunterladen, allerdings sind die eher von minderer Qualität.

3. Farben und weitere Einstellungen wählen
Nun wählt man die Farben für die Typo aus, wobei der Hintergrund auch transparent sein kann, was sich zwar interessant anhört, doch gibt es bekanntlich einige Probleme mit transparenten SWFs. Neben schwacher Performance funktioniert dies schlicht in manchen Browsern überhaupt nicht. Unter OS9 funktioniert es nicht einmal im Wamcom Mozilla, der sicherlich der modernste OS9 Browser ist den man kriegen kann. Stattdessen wird ein besonders hässlicher grüner Hintergrund in Wamcom dargestellt.

4. Fertig
Ja, das war’s tatsächlich. Man muß keinerlei Änderungen an seinem WordPress-Template vornehmen, da ja einfach die HTML Tags durch das sIFR Javascript ersetzt werden. Nun kann man noch ein paar andere sIFR Selectoren einrichten um noch mehr Typo auf der Seite durch sIFR Texte zu ersetzen, doch sollte man es dabei nicht allzu bunt treiben. Weniger ist bei sIFR wirklich mehr!

Sicherlich ist Fontlab der absolute Platzhirsch im Bereich professionelle Schriftentwicklung – insbesondere was den letzten Stand der Technik wie Open-Type angeht. Doch trotz ein wenig Facelifting in der aktuellen 4.6 Version ist die Bedienung von Fontlab alles andere als angenehm – ich will mir eigentlich schon seid einer halben Ewigkeit Fontlab beibringen, doch ich habe leider erfahren müssen daß dies eine äußerst schmerzhafte Zeit werden würde. Ähnlich bekloppt ist wahrscheinlich noch AutoCAD. Bleibt immernoch zu hoffen, daß die gerade in Entwicklung befindliche Version 5 von Fontlab da einiges verbessert. Naja, aber jetzt haben wir ja bald alle den Fontographer für OSX und können dann endgültig die OS9 Systeme von unseren G5’s runterwerfen.

Scheint so, als hätte der Aufkauf von Macromedia seitens Adobe auch positive Folgen.

• Weitere Infos dazu im Typeforum hier
• Die Pressemeldung von Fontlab gibt’s auch.
• Die Fontographer-Produktseite bei Fontlab
• Zur Einstimmung hier ein kleines Tutorial zu Fontographer 4 (english)

Bei einem kleinen Klick auf mehr… rechts unter den Bildchen, könnt Ihr die Fonts einmal auf meiner Seite anschauen, bevor ihr alle Fonts runterladet — Die Screenshots mit den Beispielentwürfen der Schriften stammen von misprintedtype.com selbst. Gefunden habe ich die Seite über slanted.de

Die Schriften finden sich hier

note: All typefaces were created by Eduardo Recife
(misprintedtype.com) from 1998–2004.
All types were reviewed by Prof. Brian J. Bonislawsky
from: (astigmatic.com)
do not redistribute typefaces without permission.

CONTACT
Eduardo Recife
Rua Piaui 1029 apto.501
Funcionarios
Belo Horizonte — MG
Brazil 30150–321

Mit dem Bitfontmaker geht’s auf jedenfall auch, und das ganz ohne eigene Software, einfach hierhin surfen, und selbst ein paar Pixel schieben — fertig!

Leider gibt’s keine Hilfe zu der Geschichte, da ja alles japanisch ist, aber so wie es ausschaut braucht man dies auch nicht. Erstellt werden schlichte Truetype Fonts. Ich selbst hab’s leider bis jetzt noch nicht ausprobiert, werde aber sicherlich auch mal ein paar Pixel schieben…

vorbeisurfen unter: www.pentacom.jp/soft/ex/font/edit.html