Tschüß, altes Typefacts!

CSS

Als erstes mußte das CSS dran glauben. Ich kann stolz verkünden, daß ich jetzt die ganze Datei von der ersten bis zur letzten Zeile kenne und auch halbwegs weiß, was dort passiert. Vorher hatte ich immer am CSS des meiner Seite immer noch irgendwie zugrundeliegenden WordPress-Themes Barthelme rumgeschraubt, immer da, wo es gerade klemmte. Jetzt sitzt alles, und 5 KB kleiner ist es auch noch.

Die Technik soll aber mein Problem sein. Offensichtlicher wird es beim

Design

Ja, man könnte schon sagen, daß Typefacts ein Stück erwachsener geworden ist. Zwischen dem, was Typefacts sein wollte und dem, was Typefacts heute ist, gibt es nach vier (!) Jahren inzwischen doch den ein oder anderen Unterschied. Und was für eine kleine Menge an Inhalten funktioniert, muß nicht für eine große Menge funktionieren. Und noch weniger für eine große Menge, bei der nur ein kleiner Teil stark frequentiert wird. Dementsprechend hatte ich als erste Konsequenz schon vor ein paar Wochen die Seitenleiste in zwei Ebenen unterteilt, auf daß der geneigte Besucher zuerst das wichtigste sieht und erst bei wachsendem Interesse weitere Inhalte einblenden kann. So weit, so einzigartig.

Nicht mehr grün, nicht mehr in der linken oberen Ecke eingeklemmt, nicht mehr halbgroße Überschrift mit eingerücktem Text.

Aber mich hat noch mehr gestört, eigentlich mehr als ein evolutionäres Redesign leisten kann. Aber revolutionär ging nicht, weil die bestehenden Inhalte ja noch irgendwie funktionieren müssen. Trotzdem: Typefacts war für mich nicht mehr grün, nicht mehr in der linken oberen Ecke eingeklemmt, nicht mehr halbgroße Überschrift mit eingerücktem Text, nicht mehr Guillotine, nicht mehr grauer Balken mit Erscheinungsdatum über dem Artikel.

Jetzt also erwachsen. Klarer und sachlicher, würde ich sagen. Und für den ein oder anderen bestimmt auch etwas langweiliger‽

Der grüne Header hat ausgedient. Stattdessen zeigt oben der rote Streifen an, daß die weiße Seite, die auf dem grauen Hintergrund liegt, leicht transparent ist.
Die Seite nutzt die Breite des Monitors jetzt schon etwas besser aus. Jedenfalls ist sie nicht mehr links eingeklemmt, und der ein oder andere neue Inhalt wird auch mal etwas breiter werden, wie schon jetzt die Icons. Mehr Platz hab ich, ich muß ihn nur nutzen! Vielleicht schon mit einer Gegenüberstellung der alten und neuen

Schrift

, die einem natürlich sofort ins Auge springt. Nicht, weil sie so extravagant ist, sondern, weil sie sich so stark von der alten unterscheidet:

Oben die bisherige Schrift Guillotine von Camille Boulouis, unten FF Bau von Christian Schwartz

FF Bau von Christian Schwartz ist so gar nicht Guillotine. Sie ist aufrecht, ist serifenlos, ist sachlich und dabei warm. Ich empfehle sie schon seit einer Weile als Helvetica-Alternative, und FontShop International war so freundlich, sie mir für mein Redesign zu sponsern – Vielen Dank!
Momentan repräsentiert sie Typefacts für mein Empfinden perfekt. Vielleicht nicht für die Ewigkeit (Ich könnte mir vorstellen, von Zeit zu Zeit zu variieren), aber für die nächste Zeit unbedingt.

Kleinigkeiten

Am schönsten sind natürlich die tausend Kleinigkeiten, mit denen man sich so fantastisch aufhalten kann! Ein blaßrosa Hintergrund für das Kleingedruckte des Artikels, herrlich. Überschriften in der Seitenleiste, die nur rot werden, wenn man ihnen (zu) nahe kommt. Nur noch eine zurückhaltende Sprechblase mit der Anzahl der Kommentare über jedem Artikel auf der Hauptseite. Und apropos Kommentare: Kommentiert wird ja – leider! – immer weniger, deshalb muß man sie auch erst aufklappen am Fuß des Artikels.
Und jetzt, wo ich mein CSS so gut kenne, werde ich noch viele dieser kleinen Dinge nachbessern …

Typefacts unterstützen!

Typefacts hat sich weiterentwickelt, das Design hat sich jetzt weiterentwickelt, aber an einem Grundsatz halte ich weiterhin fest: Werbung muß zunächst auch weiterhin draußen bleiben.
Trotzdem freue ich mich natürlich, wenn hier und da was Zählbares rausspringt, ohne daß es meine Besucher belästigt (wie kürzlich, als ein anonymer Wohltäter 5 Bistrotische [!] über meinen Amazon-Affiliate-Link gekauft hat – Vielen Dank!).

Wer über meine Seite Schriften und Bücher kauft, der unterstützt und motiviert mich. Wer das gezielt machen möchte, findet ab sofort ganz unten einen Link zu Amazon. Egal was Du dort kaufst, benutze doch einfach als Startpunkt diesen Link! Ein kleiner Teil geht dann an mich statt an den Riesen. Und mein Dank ist Dir gewiß!
 
 

Mehr Privatsphäre und weniger zu ladende Daten – Darauf ein Gefällt mir!

Rudi will nur das eine – Die schönen Ziffern fühlen.

Vielleicht geht es dem ein oder anderen ähnlich wie mir: Die Leidenschaft für die Buchstaben begann mit dem Nachzeichnen. Bei mir waren es ab der fünften Klasse vor allem Bandnamen, die ich auf Schulutensilien und alles andere malte. Später wurde auch der Fußball interessant, und da in den Neunzigern noch fast jede Mannschaft dieselben Rückennummern hatte, konnte man mit einem einmal verinnerlichten Ziffernsatz universell arbeiten; Dem Mittelfeldregisseur wurde mit der 10 zur Ehre gereicht, der Freund mit der 0 verspottet.

Irgendwann fiel jedoch auf den Rücken der Spieler das Schriftenmonopol, und was woanders für angenehme Vielfalt sorgt, wurde hier schnell zum Desaster (und ist es noch heute). Ohne Rücksicht auf Sinn und Lesbarkeit wurde und wird versucht, fehlende Originalität eines Vereins mit einer möglichst ausgefallenen – zumeist völlig aberwitzig-unleserlichen – Schrift auszugleichen.

Die alten Ziffern verschwanden und stehen heute prägend für eine bestimmte Sport-Epoche, die von Mitte der Achtziger bis Mitte der Neunziger anhielt und ihren Höhepunkt in der WM 1990 hatte.

Andi Brehme legt sich den entscheidenden Elfmeter im WM-Finale 1990 zurecht.

Was mich jedoch am meisten wunderte, war, daß die alten Ziffern tatsächlich nirgends als Font aufzutreiben waren. Wenn mal in einem Forum danach gefragt wird, wird immer auf die üblichen eckigen Verdächtigen verwiesen; Aber eine detailgetreue digitale Entsprechung war unauffindbar – bis ich mich der Sache annahm!

Ich habe also Bilder der alten Schriften gesucht und unter den Varianten, die es von diesem Formprinzip gab, die für mich prägnanteste nachgezeichnet.

Inklusive der Basler-Sieben, versteht sich!

Ich bin der starren Konstruktion treu geblieben, habe die gängigsten Formen als Standard behalten und ein paar Alternativen mit aufgenommen. Somit ist die Basler-Sieben auf »/« gelandet und die Eins ohne Fuß auf »!«. Wer es semantisch korrekt mag, kann aber auch die OpenType-Stylistic-Sets bemühen. Der komplette Zeichensatz:

Die Ziffern des Libero-Fonts. Die alternativen Zeichen sind in Stylistic Sets 1–4 versteckt.

Auch wenn der Font für Trikots gedacht ist, habe ich mit Hilfe des @font-face-Generators von Fontsquirrel auch ein Webfont-Kit erstellt. Und damit ein Fußball-Blog auch ordentlich Datum oder Plazierung schreiben kann, habe ich Punkt, Binde- und Gedankenstrich mit reingepackt.

Dem Fußball-Nostalgiker geht das Herz auf beim Anblick der Ziffern in Verbindung mit klangvollen Namen.

Das Resultat heißt »Libero« (Weil der damals Standard war und heute genau wie die Nummern ausgestorben ist) und gibt es kostenlos auf typefacts.com/libero für unkommerzielle Zwecke.

Zeigt mal, was Ihr damit macht!

Random.org hat gesprochen! Trommelwirbel bitte … Die Gewinner sind:

1. Anselm (Kommentar 20):Read & Play – Einführung in die Typografie
2. änne (Kommentar 29): Typodarium 2012
3. Christian (Kommentar 37): Apfel-i

Herzlichen Glückwunsch! Ich schicke Euch gleich eine Mail.
Allen anderen noch mal ein ganz herzliches Dankeschön! Ich habe mich sehr über Eure Worte gefreut!

Und wo wir gerade bei Büchern sind …

Vielleicht ein kleiner Trost für alle Leerausgegangenen: In den nächsten Tagen wird es einen neuen Artikel geben. Sneak peak:

Und von Jürgen Siebert und dem Verlag Hermann Schmidt kommt noch ein nagelneues Typodarium 2012 dazu – Vielen Dank! Also, bitte weiter kommentieren und gewinnen!

Jetzt nur noch raus aus der Deckung und ein großartiges Buch gewinnen!

Danke!

Ich bin überwältigt. Gute zwei Jahre gibt es Typefacts erst/schon, und meine kleine Typografie-Seite scheint sich in gewissem Maße etabliert zu haben. Die ganz große Euphorie entfacht zwar scheinbar nur etwas Brandneues, aber die Besucherzahlen bleiben auch ohne größere Erwähnungen konstant.

Typefacts ♥ Dich!

Vielen Dank allen, die Typefacts in irgendeiner Form unterstützen. Die über Typefacts bloggen oder twittern, denen Typefacts »gefällt« (👍), die – jetzt neu (siehe Startseite links und unter jedem Artikel) – Typefacts »pluseinsen«, die kommentieren, die sich über Typefacts zu Amazon klicken und dort etwas kaufen und Typefacts somit finanziell unterstützen, die Typefacts weiterempfehlen und vor allem die Typefacts lesen.
Ihr seid ’ne Wucht!

Gewinnen

Das habt Ihr Euch verdient. Ganz einfach:

1. Bis Sonntag, 21.8.2011 24.00 Uhr hier einen Kommentar abgeben
   z.B. eine beliebige Kombination aus a–z, ä, ö, ü & ß)
2. Hoffen und Bangen
3. Ausgelost werden und eins von drei tollen Büchern gewinnen: read & play – Einführung in die Typografie, apfel-i oder das Typodarium 2012!

Mitmachen darf jeder aus Deutschland und (wer das Porto selbst zahlt) aus der ganzen Welt.
Wer gewonnen hat, wird am 22.8. hier bekanntgegeben und kann ab dann beneidet werden.

Und wie geht’s weiter?

Daß es hier so still ist, geht mir selbst am meisten auf den Keks. Ich habe hundert gute Ideen, was ich alles schreiben und verbessern könnte, aber meine wenige Zeit nutze ich gerade lieber für den so rasend schnell wachsenden Nachwuchs.
Nichtsdestotrotz wird es demnächst ein paar schöne neue Beiträge geben. Aber je mehr Beiträge, desto unübersichtlicher wird auch meine Seitenleiste und desto mehr sinkt der Leseanreiz, was für eine Typografieseite nicht gut ist. Deshalb hoffe ich, auch ein paar der Dinge, die hier inzwischen gehörig knirschen, demnächst überarbeiten zu können. Aber eins nach dem anderen; Solange es noch halbwegs funktioniert, sind mir neue Beiträge mehr wert.
Jetzt aber kommentieren:

Guillotine wurde von der französischen Typedesignerin Camille Boulouis 2009 im Rahmen ihres Type-Design-Masterstudiums an der ehrwürdigen Universität Reading geschnitten und kommt ab sofort im charakteristischen Italic-Schnitt in den Headlines von Typefacts zum Einsatz.
Ich hatte die Schrift gesehen und wußte sofort, daß es die richtige für Typefacts sein würde, und Camille war so freundlich, sie mir dafür zur Verfügung zu stellen. Vielen Dank, Camille!
Um TrueType-Konvertierung und Hinting habe ich mich gekümmert und die Webfonts mithilfe des @font-face-Generators von Fontsquirrel produziert. (Mehr zum Thema Webfonts demnächst bei Typefacts!)

Wie gefällt sie Euch?
 

→ Zur Liste der »besten Fonts«

Als ich mit Typefacts angefangen habe, dachte ich – Schriftverrückter, der ich bin –, es wäre eine coole Sache, wenn man alle Beispiele in interessanten Schriften setzt und sich dabei auch immer mit der Lupe die Details anschauen kann.
Ersteres finde ich immer noch klasse, letzteres dann doch meistens überflüssig. Denn die Lupenfunktion ist in Flash umgesetzt, wodurch alle Beispiele Flash-Files sein müssen, was dann doch mehr Nachteile hat als die Lupe Nutzen.

Lange Rede, kurzer Sinn: In manchen Fällen kann ich nicht auf Flash verzichten (Beispielsweise in den interaktiven Spielchen), in anderen will ich es nicht (Die Alternativschriften mit der Lupe anzuschauen ist doch toll, oder‽), aber dort, wo es nur sekundär um die verwendeten Schriften geht, werde ich jetzt sukzessive auf PNG umstellen, und den Anfang macht der Artikel zu Binde- und Gedankenstrich!

Was haltet Ihr davon?