Wo wir sind, ist vorne, Folge 14. Heute sprechen wir mit Gerrit von Aken über Webtypographie.
Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzelein.
Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und Javascript-Jongleur Konstantin Groß.
Heute zu Gast Webtypograph und Frontend-Entwickler alter Schule Gerrit von Aken.
WWSEV ist zurück aus der Sommerpause Staffel 2 und ich freue mich ganz besonders, dass ich heute nicht nur den Moritz virtuell mir gegenüber sitzen habe.
Hallo Moritz.
Hi.
Sondern ganz besonders auch, dass ich unseren allerersten Gast begrüßen darf, Gerrit von Aken. Hi, Gerrit.
Yay, hallo, guten Tag.
Schön, dass du da bist.
Ah, jetzt sehen wir dich auch sehr gut.
Ja, hast du Bild? Ich habe immer noch ein Standbild.
Ja, nee, ist alles super jetzt.
Ja, Thema eben angekündigt, Webtypographie war eigentlich schon geplant für die letzte Staffel und dann habe ich beim Planen so überlegt, ja, was darf denn da auf keinen Fall fehlen und habe mir dann kurzerhand gedacht, frag doch jemanden, der es wissen muss und habe dich dann angetwittert, Gerrit und die Antwort kam auch wie aus der Pistole geschossen.
Was du geantwortet hast, da sprechen wir nachher drüber. Jedenfalls habe ich mir gedacht, warum nicht einfach mal einladen und ich freue mich sehr, dass du tatsächlich zugesagt hast und wir heute in dieser Runde hier zu dritt sind.
Ja, wunderbar. Hat ein bisschen gedauert, aber jetzt nach der Sommerpause sind wir durchgestartet und am Start.
Sehr schön. Und im Intro habe ich mich an deiner Twitter-Biografie vergriffen. Webtypograph und Frontend-Entwickler alter Schule. Was verstehst du denn darunter?
Ja, mit viel Sorgfalt formuliert natürlich die Twitter-Biografie.
Ja klar, wie das so ist.
Sehr wichtig.
Was verstehst du denn darunter und vielleicht kannst du dich einfach mal selber vorstellen.
Ja, genau, also Gerrit von Aken und ich mache das schon ziemlich lange mit diesem Web und deswegen auch alte Schule. Also meine erste Webseite habe ich 1995 gemacht, da war ich irgendwie 15 und ja, das ist schon eine Weile her.
Und ja, alte Schule deswegen, weil ich halt nicht einer von diesen neu dahergelaufenen JavaScript-Kiddies bin, die jetzt nur React können, sondern, oder die auch nur React können und, sondern die halt einfach wirklich angefangen haben, als es noch kein JavaScript gab, so ungefähr.
Das gab es zwar schon, aber das war damals böse. Ich habe das alles mitgemacht, die ganzen Phasen von JavaScript, die ganzen Phasen von CSS. Ich habe ohne CSS angefangen und habe das dann erst, das war eine große Errungenschaft, überhaupt CSS zu verwenden, 2004, 2003 und so weiter.
Und deswegen dieses Erbe trage ich in mir und werde halt nie ganz vorne mit dabei sein bei den allerneuesten heißen Scheiß, sondern suchen wir dann immer die Sachen raus, die sich dann durchsetzen und die dann gut abgehangen sind.
Und mit ein paar Jahren Verzögerung, wenn sich das alles so ein bisschen gelegt hat, dann kommt der neue Scheiß auch bei uns an.
Ja, das kommt mir ein bisschen bekannt vor, ja. Du hast tatsächlich noch ein paar Jährchen früher angefangen als ich, aber so diese Entwicklung mitgemacht habe ich auch.
Und ich habe auch immer so das Gefühl, so ein bisschen abgehängt zu werden und dann erst so ein paar Jahre später das tatsächlich aufzugreifen.
Du bist außerdem Autor des Webtypo-Buchs. Verlinken wir natürlich auch in den Shownotes.
Ja, das ist schon eine ganze Weile her. Ich wette, das ist schon acht Jahre her inzwischen. Soll ich kurz berichten?
Gerne, gerne, wie es dazu gekommen ist, wie du dazu zu dem Thema gekommen bist. Gerne.
Ja gut, das Thema war immer schon das Thema in meinem Blog. Also ich habe das Blog regelmäßig seit 2004 ungefähr, prägnanz.de, wo ich immer auch über typografische Themen geschrieben habe im Webbezug.
Und im Grunde genommen ist das Buch 2012 erschienen, nicht viel mehr als eine Artikelsammlung, die teilweise aus dem Blog übernommen wurde, teilweise aber auch natürlich noch fürs Buch neu geschrieben wurde, wo ich es ein bisschen abgerundet habe, das ganze Thema.
Und es dreht sich eigentlich um das Thema, was mich am meisten beschäftigt hat, nämlich typografische Gestaltung, aber aufs Web bezogen, weil das letztendlich kaum jemand macht so richtig.
Es gibt ganz wenig Literatur dazu. Es gibt auf dem Markt vielleicht drei, vier Bücher dazu. Und da habe ich damals gedacht, ich muss jetzt mal einen schreiben, sonst macht es gar keiner mehr.
Und dann habe ich es halt gemacht auf eigene Faust mit Crowdfunding, habe mir irgendwie 7.000, 8.000 Euro zusammengecrowdfundet, um dann halt mir so ein paar Wochen freizunehmen, um das dann schreiben zu können. Hat auch gut funktioniert alles. Bin da ganz zufrieden mit. Hat mit Startnext damals das gemacht.
Und da bin ich happy drüber. Es war am Ende natürlich dann doch super viel Arbeit, dann das Ganze verschicken und so und die ganze steuerliche Abrechnung. Das willst du gar nicht wissen.
Aber eigentlich war es auch als E-Book geplant. Dann wurde doch aber das gedruckte Buch, erstaunlicherweise war relativ begehrt. Da haben viele das gedruckte Buch auch geholt, obwohl es eigentlich gar nicht so schön war, weil ich bin halt ein Webgestalter und kein Printgestalter.
Aber es war notdürftig auch als Print-on-Demand dann verfügbar und gab es aber auch von Tag 1 an, glaube ich, auch frei zum Lesen im Web als Website.
Genau, das habe ich natürlich auch direkt aufgeschrieben. Also man kann es kostenlos lesen, bevor man es kauft. Man kann es aber auch immer noch kaufen, oder? Oder ist es inzwischen vergriffen? Aber Print-on-Demand dürfte wahrscheinlich immer noch gehen, oder?
Thetisch könnte man es noch kaufen. Ich glaube, der Shop ist gerade down, weil es ist irgendwie so ein Anbieter gewesen, der war so Halbseiten. Also irgendwie ganz komisch. Also das empfehle ich aber auch keinem mehr. Das macht keinen Sinn, das sicher zu kaufen, weil es ist auch wirklich inzwischen größtenteils veraltet.
Schade, jetzt wollte ich gerade die Hörer und Hörerinnen darauf ansetzen, das unbedingt zu tun.
Nee, es ist nicht grob falsch, aber es ist halt nicht mehr wirklich, dass man wissen möchte, wer jetzt aktuelle Infos haben möchte, muss das Webtypo-Buch Webtypography von Richard Rutter kaufen.
Okay, guter Anweis.
Oh, das wird mal Zeit für eine neue Auflage. Entschuldigung.
Ach, bei mir, ja, nee, das schaffe ich einfach zeitlich nicht. Ich habe das ja vorgehabt, aber das ist beim besten Willen nicht drin. Also das ist jetzt mit Familie und Haus und allem drum und dran, das klappt alles nicht mehr.
Das war damals noch wunderbar, da hatte ich noch Zeit gehabt, aber jetzt habe ich für solche Seitenprojekte tatsächlich überhaupt keine Zeit. Das ist sehr schade, aber es ist einfach mehr Arbeit, als man denkt.
Und das ist gut als, sage ich mal, als Promo-Tool auch oder um sich auch ein bisschen von sich reden zu machen noch und so.
Und das ist zurzeit noch nicht notwendig oder beziehungsweise ja. Also wenn ich mal irgendwie Aufträge knapp sein sollten und ich Zeit habe, klar würde ich das als Thema machen.
Aber jetzt zurzeit muss ich einfach Brandplotzen, Geld verdienen, Kunden zufriedenstellen.
Ja, klar.
Ja, zur Geschichte nochmal ganz kurz. Also ich nehme mal an, du kennst, du lernst mich jetzt erst kennen, aber ich kenne deine Seite und deinen Blog schon sehr, sehr lange.
Ich erinnere mich noch an den Grashintergrund. Das war sehr ikonisch damals. Ich weiß jetzt nicht, ob das die erste Variante davon war, die ich gesehen habe, aber die, die am meisten in meinem Kopf hängen geblieben ist.
Und weißt du noch ungefähr, wann das war, das Blog?
Ja, das war 2005, 2006, glaube ich, gewesen. So ungefähr.
Ja, das kommt hin. Da gab es noch kein Twitter und so. Da hatte man noch irgendwie gebloggt und Blogs gelesen. Und da habe ich auch immer ganz eifrig prägnanz.de gelesen.
Also ich bin jetzt gerade so ein bisschen starstruck, einer meiner alten Helden aus der Zeit, wo ich Webdesign gelernt habe. Können wir jetzt mal irgendwie quatschen.
Interessanterweise habe ich auch von dir zum ersten Mal, ich halte es mal kurz in die Kamera, das Wort Club Marte gelesen bzw. gehört.
Du hast irgendwo mal geschrieben. Ich habe den Tweet leider nicht mehr gefunden. Du hast ja, glaube ich, irgendwie mal geschrieben, so ein bisschen Erfahrungsbericht, wie Club Marte jetzt schmeckt. Du hattest gerade deine erste und dann dachte ich so, das muss ich auch mal probieren.
Kann das sein? Die erste Club Marte war doch vor 2007, oder? Ich bin seit 2007 auf Twitter, glaube ich, oder 2000, ja.
Nicht in meiner Welt. Also ich meine, das wäre so, ich weiß nicht, schätzungsweise so 2000, oder war es dann doch im Blog? Ich bin mir jetzt gerade nicht mehr sicher. Auf jeden Fall hast du irgendwo was geschrieben.
Eher im Blog, glaube ich. Ich glaube eher im Blog.
Dann dachte ich, ich muss das, das muss ich auch mal probieren. Klingt irgendwie interessant. Und anfangs hat es merkwürdig geschmeckt, so wie viele das ja auch berichten. Aber die Wirkung hat mich überzeugt.
Der Slogan war ja von denen damals gewesen, man gewöhnt sich dran. Das war dann auch wieder der Slogan gewesen. Ja, ich trinke es aber gar nicht mehr, muss ich sagen. Also ich habe den Reiz für mich verloren. Ich bin wieder bei klassischer Cola angelangt.
Ja, ist auch vielleicht der Effekt dann auch gut mit mehr Zucker und so.
Wenn wir schon bei Getränken sind, dann können wir gleich zur Getränkefrage kommen, zur Bierfrage.
So, ja.
Soll ich anfangen?
Ja.
Ich habe heute ein Kamba aus Bayern, heißt das, glaube ich. Hoppla, Dry Hop Lager. Ich bin gespannt. Ich kenne das noch nicht.
Es ist wieder, warte mal, wie viel? 5,4 Prozent. 0,33. Ich hoffe, das schaffen wir dann bis zum Ende der Sendung, dass es noch okay bleibt. Weil manchmal wird es gegen Ende der Sendung ein bisschen komisch, wenn wir Bier trinken.
Und dann wird der Moritz, ja, wird dann ein bisschen komisch.
Ja, und wir merken dann immer schnell, wenn es vorbei sein muss. Also, das habe ich auf jeden Fall. Ich, Konstantin, was hast du?
Ich habe ein San Miguel aus Spanien.
Ah ja.
Und an der Stelle, wir haben es nachher noch mal kurz in Moritz Retro vom Spenden und uns unterstützen. Da möchte ich mich mal kurz daran erinnern. Spanien. Ich habe gesehen bei der letzten Folge wieder irgendwie zwei spanische Zugriffe. Vielleicht waren es auch nur wieder Bots. Aber wenn uns jemand aus Spanien zuhört, man kann mir immer eine Freude machen mit den Oliven der Supermarktkette Acedonas Gordal Alineadas der Supermarktkette Mercadona. Also, wer zuhört, gerne an die Packstationadresse im Impressum. Ein, zwei Gläschen, da freue ich mich drüber.
Ja, ich hätte auch, ich hätte normalerweise ein Bier, aber ich hatte, das Kühlschrank war jetzt leer. Irgendwie hat keiner eingekauft. Ich auch nicht. Und insofern, ich hätte aber jetzt ein Cheva Fun mit Zitrone. Das trinke ich zur Zeit. Ich habe dem Alkohol abgeschworen, weil ich einfach nachts schlafen möchte. Und irgendwie, ja. Und deswegen, sehr lecker. Cheva Fun ist nicht ganz alkoholfrei, weil Cheva Fun ist nämlich keins von diesen ganz alkoholfreien Bieren.
so ein Hauch Alkohol drin, darf aber alkoholfrei heißen. Ist aber auch so leer, sehr lecker, auch ohne Zitrone. Und mit Zitrone gemischt, so als Radler, sehr lecker.
Trinke ich auch ab und zu ganz gerne. Werde ich mir mal, auch mal zu Gebüte führen.
Genau. Jetzt machen wir mal. Einmal so.
So, dann schlossen wir mal an.
Und remote zu brusten.
Müssen wir leider virtuell machen. Wir haben, als wir den Podcast angefangen haben, haben wir noch so gemeinsam in einem Raum aufgenommen. Das geht jetzt momentan leider nicht.
Oh, gefährlich.
Gefährlich.
Deswegen müssen wir das alles virtuell machen.
Ja, da blieb es dann aber auch nicht bei einem Bier. Deswegen ist das schon ganz gut so.
Oh, sehr hopfig. Ja. Hätte man auch nicht erwarten können bei dem Namen Hoppla.
Man kennt das ja dann von anderen Podcasts. Wir müssen reden, wo dann immer nach zwei Stunden Podcast dann MS-Pro aufs Klo muss. Und zwar nicht nur einmal. Und dass immer einer dann weiterreden muss.
Ja, das hatten wir auch schon mal in der Sendung, wo ich gerade mittendrin am Reden war. Und plötzlich war der Moritz weg, weil das Bläschen gedrückt hat.
Ach, das stimmt doch gar nicht.
Ja, ich suche mal aus, welche das war.
Es gibt keine Beweise. Es ist alles nur Audio.
Ich schneide das alles mit.
Es gibt ja einen Podcast, einen Frontend-Podcast, der auf dem Konzept Alkohol aufsetzt. Frontend Happy Hour heißt der.
Also die besaufen sich da währenddessen. Also ich habe da mal ein paar Folgen gehört. Da geht es eigentlich schon darum, wie so ein Podcast ist, wenn man sich währenddessen betrinkt.
Oh je.
Sehr schön.
Führen wir Licht ein.
Führen wir nicht. Erstmal nicht. Wir können aber eine Spezialfolge machen.
Gut, dann kommen wir doch gleich zu unserem ersten Dingens-Kategorie-Themenbereich.
Darfst du das auch mit drücken, oder?
Nee.
Irgendwie haben mir die zwei Schluck Bier schon gereicht.
BBS e.V. präsentiert die Retrospektive.
Ja, die Retrospektive. Ich würde sagen, der Gerrit als unser Gast darf einfach mal anfangen und wenn er mag, gerne erzählen, was ihn die letzten Wochen so beschäftigt hat.
Die letzten Wochen ist ein bisschen viel, aber ich habe jetzt gerade just heute Morgen eine Erkenntnis gehabt. Ich darf ein bisschen tiefer einsteigen, ja, ne?
Ja, natürlich, klar.
Und zwar geht es um das Thema BEM. Kennt ihr alle? Block, oh Gott, Block.
Element Modifier.
Element Modifier, so rum. Und da arbeiten wir auch seit drei, vier Jahren damit, eigentlich relativ konsequent, auch ziemlich streng eigentlich sogar.
Und da habe ich heute Morgen aber die Erkenntnis gehabt, dass man bei bestimmten Situationen auch BEM lieber sein lassen sollte.
Und zwar geht es da ganz speziell darum, ich habe eine Webseite gemacht für einen Kunden, das ist so eine Portfolio-Webseite, wo ganz viele Kästen in einem Raster sind.
Und diese Kästen, man kennt das ja, so Kachelprinzip, ne?
Und diese Kästen sind aber alle sehr unterschiedlich gestaltet, haben also ganz viele verschiedene Styles, Modifier und so weiter.
Sie sind alle so, es gibt ganz viele Kombinationen von Stylings, die man machen muss, die sich gegenseitig auch teilweise dann überschreiben und so.
Also es ist ein sehr komplexes System und so.
Und ich habe das versucht mit den echten BEM-Modifiern zu lösen und bin da so ein bisschen gescheitert, weil es dann nicht doch viel, viel, viel einfacher ist.
Einfach zu sagen, jeder, jedes Styling-Option bekommt einfach eine Klasse und man kann die Klassen dann kombinieren, indem man mehrere Klassen dann im CSS kombiniert.
Das hat es dann brutal viel übersichtlicher gemacht, als irgendwie dann mit den Modifiern, dann müsste man ja quasi im HTML auch doppelte Modifier machen,
wenn man doppelt, also diese Kombination von verschiedenen Styling-Optionen, habe ich im BEM nicht zusammengekriegt und das war sehr, sehr kompliziert.
Und dann habe ich gesagt, komm, fuck it, in dem Bereich der Webseite lasse ich das BEM mal sein.
Und das war Gold wert, diese Erkenntnis und das wollte ich nochmal teilen jetzt hier, dass wenn man das Gefühl hat, es wird nicht mehr wirklich, es wird geisteskrank langsam mit dem BEM, dann muss man auch sagen, lass es sein.
Man muss es eh an bestimmten Stellen sein lassen, nämlich da, wo User-Input stattfindet, wo ich ein Textfeld habe für den Redakteur, der Markdown oder sowas verwendet oder sowas, dann habe ich da ja eh nacktes Styling drin, der kann ich ja nicht jedes Mal tausend Klassen reinhauen.
Deswegen muss man da so ein bisschen was machen, was das BEM, die BEM-Regeln bricht.
Also man muss da so ein bisschen pragmatisch denken auch und nicht zu streng sein.
Das finde ich auch generell immer.
Nimm das, was dir hilft.
Und wenn irgendwie das Paradigma gebrochen werden muss an einer Stelle, wenn es einem nicht mehr hilft, sondern einem nur noch im Weg steht, dann sollte man das auch bewusst tun.
Genau, genau.
Und dann habe ich noch ein bisschen Code-Kommentare reingemacht, dass man hier ganz bewusst das gemacht hat und dann ist es auch gut.
Und dieser Bereich ist auch relativ abgetrennt vom Rest der Webseite, deswegen ist es auch in Ordnung.
Da wird so nichts anderes überschrieben oder so.
Deswegen hat das schon gepasst.
Und das war meine Erkenntnis der Woche.
Ja, cool.
Ja, danke schön.
Jetzt muss ich weitermachen, oder?
Du darfst weitermachen.
Ja, ich weiß gar nicht, wo ich anfangen soll.
Ich habe so viele Themen.
Vielleicht lasse ich auch irgendwie was weg.
Wir sind doch gut in der Zeit, Moritz.
20 Minuten ist doch nichts für unseren Einstieg.
Ja, komm.
Also wir haben, glaube ich, die drei Stunden haben wir noch nie gerissen, oder?
Nee, müssen wir auch nicht.
Also, nee, müssen wir auch nicht.
Mein erstes Thema ist, ihr habt es vielleicht schon gesehen, auf der Homepage, vielleicht auch im Feed, vielleicht auch auf Twitter.
Man darf uns jetzt spenden.
Und wenn ihr spendet, dann sponsert ihr quasi eine Folge.
Also, bei buymeacoffee.com slash www.sev könnt ihr uns mal irgendwie so drei Euro spenden oder auch sechs.
Wir haben es mal als Bier markiert.
Ihr könnt uns Bier kaufen, aber wir werden wahrscheinlich auch nicht nur Bier von den Spenden bezahlen, sondern auch Pizza.
Oder eben auch unsere Domain bezahlen, die relativ teuer ist, eine .show-Domain.
Ich weiß nicht, wer so eine hat.
Ich weiß nicht, wer sich das ausgedacht hat.
Das war ich.
Genau, also, wir würden uns extrem freuen.
Das fließt alles nur in die Qualität und die Fortführung dieser Sendung und eine kleine Spende wäre irgendwie schön.
Und vor allem, es wurde ja schon, es wurde schon direkt am ersten Tag, als wir das freigeschaltet haben und draufgeschaltet haben, wurde auch direkt schon gespendet.
Also, ich denke mal, den Namen kann man auch sagen.
Das ist ja auch öffentlich, der Kommentar.
Verena Böke, unsere erste Spenderin.
Und hat uns auch einen sehr netten Kommentar hinterlassen.
Das hat mich sehr gefreut.
Sehr schön, so Feedback zu bekommen.
Ja, mich auch, auf jeden Fall.
Könnt ihr dann im Internet nachlesen.
Im Internet.
Ja, genau.
Jetzt kommt der Teil, vor dem ich mich ein bisschen gedrückt habe die ganze Zeit, weil ich mich eigentlich über mich selbst lustig machen muss.
Ich habe nämlich irgendwann mal aufgefordert dazu, dass ihr uns lustige Spam-Mails weiterleitet.
Und dann ist das auch passiert, ich habe das nur nicht gemerkt, per Twitter hat uns ein netter Mensch eine Spam-Mail weitergeleitet.
Ich habe das nicht geblickt, dass das eine Spam-Mail sein soll oder dass das eine Spam-Mail ist und habe mir gedacht, was ist denn das für ein Bot und habe ihn blockiert.
Ja, dann kam gleich per E-Mail, die Beschwerde.
Dann kam hinterher eine Mail, ja, das ist ja nett, jetzt schicken wir euch eine Spam-Mail und werden dafür blockiert.
Und ich so, oh Gott, nein, das ist mir so wahnsinnig peinlich.
Aber da dachte ich, muss ich irgendwie nochmal drüber reden, muss mich nochmal entschuldigen.
Ich war in dem Augenblick irgendwie geistig abwesend.
Ich habe es nicht gecheckt.
Also sorry nochmal, danke für die Spam-Mail.
Genau, ja, einfach nochmal schicken, vielleicht erwischst du mich dann zu einem besseren Zeitpunkt, das tut mir einfach leid.
Und wenn wir schon bei den Spenden vorhin waren, noch eine kurze Geschichte.
Wir haben jetzt Sticker, ich sage das deswegen, weil unsere erste Spenderin auch direkt ein kleines Sticker-Paket geschickt bekommen hat.
Noch gibt es keinen offiziellen Weg, wie ihr an die Sticker kommen könnt.
Also Sticker mit unserem schönen Logo.
Aber das wird es demnächst geben.
Es wird demnächst eine kleine Twitter-Sticker-Aktion geben.
Da einfach uns mal auf Twitter folgen, dann werdet ihr das mitbekommen.
Und damit würde ich übergeben an dich, Konstantin.
Das ging jetzt doch ganz flott.
Ich habe zwei Ergänzungen noch, ganz kurz.
Und zwar erstens, der Club-Mate-Beitrag war 2008 gewesen, am 3. April 2008 in meinem Blog.
Dann verliegen wir den auf jeden Fall auch in den Shownotes.
Republika 2008 und dann apropos .domains oder .lustig-Domains.
Wir haben nämlich die coolen, also erstmal haben wir als Firma .gmbh uns geholt, whitespace.gmbh.
Was auch damals ganz neu war.
Und wir haben als Demo-Server haben wir nicht.live.
Das ist ganz schön cool.
Sehr geil.
Und da haben wir dann nämlich jetzt so 28.000 Sub-Domains natürlich.
Also halt irgendwie Kunde, nicht.live.
Super, sehr schön.
Genau, das ist sehr cool.
Und wichtiger Technik-Fakt für Demo-Server.
Also das ist wichtig, dass man quasi am besten auf dem globalen Level einen Header macht,
der die Robots gleich ausschließt.
Das müssen wir nicht bei jedem einzelnen Projekt machen, sondern direkt auf Hauptebene kann man einrichten.
Nicht.live.
Sehr schön.
Wer nicht.live erwerben will, kann sich bei Gerrit melden.
Wird sehr teuer, glaube ich.
Das wird sehr, sehr teuer, ja.
Gut, dann starte ich mal mit einem kleinen Follow-up zu Folge 11, die wir verschieben mussten
wegen unserer Internetstörungen, wo wir zeitgleich beide kein Internet hatten.
Und zwar hat mich mein Bruder gestern auf einen Artikel bei Golem aufmerksam gemacht.
Da hat ein alter Fernseher ein komplettes Dorf lahmgelegt.
Jeden Morgen, pünktlich um 7 Uhr, ging da die Datenrate in den Keller, im kompletten Dorf und in den angrenzenden Nachbardörfern.
Und man hat da wohl irgendwie, also das war in England irgendwo, und die britische Telekom hat da wohl ein Jahr lang versucht rauszufinden, was das ist.
Bis man dann mit einem Wagen, der elektromagnetische Felder misst, durchgefahren ist, morgens um sechs und gewartet hat, bis was passiert.
Und dann tatsächlich das auf ein Haus eingrenzen konnte.
Und dessen Anwohner haben jeden Morgen um 7 Uhr ihren alten, gebraucht gekauften Fernseher eingeschaltet.
Ja, und das war's dann.
Ja, aber weiß man genau, was da passiert ist?
Also war der direkt in der Leitung?
Das stand leider nicht da.
Hätte ich mal recherchieren müssen noch.
Hätte mich auch interessiert.
Ich habe aber in dem Zusammenhang mit unseren Störungen schon auch gelesen,
dass also tatsächlich so alte Haushaltsgeräte gar nicht mal so selten der Störfaktor sein können,
die dann zumindest mal eine ganze Straße lahmlegen,
weil das dann bis zum Verteilkasten irgendwelche Störungen verursacht.
Also, wer weiß.
Das habe ich bei mir auch.
Und du hattest ja auch sowas zu.
Ja, ja, bei mir war das auch immer zur selben Uhrzeit.
Und angeblich war es dann aber doch nichts.
Und naja.
Gut, dann bin ich in die Situation gekommen, PDFs parsen zu müssen.
Ich mache ja leider nicht nur Frontend, sondern muss ab und zu auch mal ans Backend ran.
Und da ist mir erst mal aufgefallen, die Schwierigkeit aus PDFs Text auszulesen.
Also, PDF ist halt einfach, man merkt, das ist für den Austausch von Druckdaten optimiert.
Der Text ist oft zerstückelt.
Die Zeichenabstände werden da einzeln definiert und Positionierungen,
wo wir auch schon wieder beim Thema Typografie sind.
Also, das ist natürlich so gemacht, dass man da wirklich die Typografie am Ende so hat, wie man das möchte.
Aber das führt eben dazu, dass man beim Auslesen da echt Schwierigkeiten bekommt.
Und Text ist zum Beispiel auch nicht unbedingt in der Reihenfolge, wie er dargestellt wird,
sondern man muss den dann, wenn man den ausgelesen hat, nach X- und Y-Koordinaten sortieren.
Ja, und das ist natürlich auch beim Thema Accessibility.
Also, PDF ist da, es gibt schon Möglichkeiten, PDF accessible zu machen,
aber so out of the box ist es das wohl nicht.
Ja, das ist klar, allein schon die Umlaute sind ja oft aus dem normalen Buchstaben
und dem Doppelpunktzeichen zusammengesetzt, der übereinander geschoben ist.
Und die Reihenfolgenproblematik kann man da selber ausprobieren,
indem man einfach mal so ein etwas komplexeres PDF hernimmt,
dann mal Apfel A macht oder halt Steuerung A oder was
und dann sich den Text mal rauskopiert und dann mal in den Text, den er reinschmeißt,
Ja, schlack an einem Ohren.
Manchmal, hängt vom Layout ab natürlich.
Ja, natürlich, klar, und auch wie es, mit was das PDF erzeugt worden ist,
wenn das relativ stringent erzeugt wird und auch zusammenhängende Textblöcke,
dann ist das kein Problem, so dynamisch generiert die Rechnungen irgendwie.
Aber manchmal ist es halt auch mit einem Wort, dann plötzlich ein Absatz und so weiter.
Also, das ist gar nicht so trivial und ich habe das vor einer Weile mit Node erst gemacht
und da gab es eine Library, die das relativ einfach gemacht hat,
schon alles vorsortiert geliefert hat
und ja, in PHP war die Auswahl da ein bisschen weniger breit gefächert
und ich bin da gestoßen auf PDF Parser, also Smellert slash PDF Parser heißt die Library,
verlinke ich auch
und das war so das Einzige, was ich gefunden habe, was Open Source war.
Ansonsten gab es noch eine relativ teure kommerzielle Lösung,
die ich dann für den Einsatzzweck nicht nutzen wollte
und ja, die Library an sich ist schon ganz gut, hat aber einige Bugs gehabt,
die für meinen Einsatzzweck da nicht, ja, die eigentlich ein Blocker waren, die zu benutzen.
Aber da es keine Alternativen gab, habe ich einfach mal angefangen, selber die Bugs zu fixen
und habe dabei irgendwie so wieder Spaß an Open Source gefunden.
Also einfach so Sachen zu fixen und zu wissen, man fixt das nicht nur für sich selbst, sondern auch für andere.
Also immerhin irgendwie 150.000 Downloads, glaube ich, im Monat hat die Library
und auch den Input zu bekommen von anderen Contributern und so, hat echt Spaß gemacht.
Und das PDF, der PDF-Spezifikation hat 756 Seiten.
Nur um mal kurz so einen Geschmack dafür zu bekommen, dann schreibe ich es halt selbst.
Weil das war so mein erster Impuls, ist immer so, ja, okay, es gibt keine gescheite Library,
dann schreibe ich es mir halt schnell selbst für meinen Einsatzzweck.
Aber bei PDF ist das halt leider nicht so trivial.
Und interessanterweise, also das war die, ja?
PDF ist quasi ein eigenes Betriebssystem.
Ja, genau.
Kann man da nicht auch JavaScript drin machen oder so ein Käse?
Alles, alles, Videos, JavaScript, es geht alles.
Und das war die Spezifikation für 1.7.
Also die für 1.4 hat sogar 978 Seiten.
Die hatte ich zuerst offen.
Ja, also man hat es im Gegensatz zu Moritz und mir geschafft, sich auch mal kürzer zu fassen.
Und damit möchte ich die Retro jetzt auch für beendet erklären.
Ja, implementier doch mal.
Genau.
Dann kommt jetzt die Property der Woche.
Ja, wir haben heute mehrere Properties und die erste kommt von mir und ganz passend zu Font.
Eine kleine Property, auf die ich gestoßen bin, eigentlich erst, nachdem ich sie im Quelltext unserer eigenen Podcast-Webseite gefunden habe.
Und der Konstantin, die da hingetan hat.
Ich kannte das nämlich vorher gar nicht.
Und zwar geht es um Unicode Range in Fontface.
Und wer sich jetzt fragt, was das ist, da geht es darum, dass von einer Schriftart, von einer Fontface-Schriftart, die ich einbinde, nur ein bestimmter Teil verwendet wird.
Das heißt, ich kann für bestimmte Zeichen einen bestimmten Font definieren und für alle anderen wird dann der Fallback-Font verwendet.
Im Fontface-Block steht dann die Unicode-Range-Property und darin sind dann Unicode-Ranges definiert.
Und zwar in folgender Art.
Also da steht dann sowas wie U plus 0102.
Das wäre dann ein einzelnes Zeichen.
Man kann auch also Ranges definieren tatsächlich.
Also zum Beispiel haben wir bei uns auch stehen U plus 0110 minus 0111.
Das sind dann, glaube ich, in dem Fall tatsächlich nur zwei Zeichen.
Aber man kann einen kompletten Bereich.
Also ich kann dann sagen, ich gehe bis von bis.
Und ich kann auch eine Wildcard hinterlegen, indem ich einzelne Charakter von dieser Zahl durch Fragezeichen ersetze.
Und dann match das auf alle, die da sein könnten an der Stelle.
Ich habe den Konstantin im Vorfeld auch noch mal gefragt, wie er das da reingemacht hat.
Weil das, was bei uns im CSS steht, das ist relativ groß und lang.
Also wir haben hier ganz viele verschiedene Ranges hintereinander.
Das ist eine sehr, sehr lange Zeile, die da draus wird.
Und ich habe so gedacht, er hat das von Hand geschrieben.
Und soll ich die Wahrheit sagen?
Ja, ich wusste es nicht mehr.
Ich dachte eigentlich, das wäre zum Teil schon von Google-Fonts gekommen.
Aber ist wohl nicht so.
Also es kann durchaus sein, dass ich das dann doch händisch geschrieben habe.
Genau.
Ich habe dann mal kurz nach Tools geguckt, weil sowas möchte eigentlich keiner von irgendwie handschreiben.
Weil ich weiß jetzt auch die Unicode-Ranges von den Buchstaben, die ich verwende, jetzt nicht unbedingt auswendig.
Und ich habe da ein interessantes Tool gefunden, das heißt Unicode-Character-Ranges, wie passend, auf der Seite graphics.net.
Das kommt in die Shownotes, weil das ist komisch geschrieben.
Und da hat man so ganz viele verschiedene Ranges, irgendwie Arabisch und so weiter.
Deutsch ist da nicht dabei, weil ich glaube, die Umlaute sind in Latin ein Supplement mit drin.
Da sind die Umlaute auf jeden Fall mit drin und das scharfe S.
Und Basic-Latin und damit seid ihr für Deutsch wahrscheinlich schon relativ gut aufgestellt.
Aber es gibt unfassbar viele Ranges, also Tamil, Tibetisch, Myanmar, was weiß ich was alles.
Also es ist echt irre, großes Feld, interessante Geschichte auf jeden Fall, kann ich empfehlen.
Browser-Unterstützung ist eigentlich ziemlich gut.
Der IE, den verwendet ja eh keiner mehr, behaupte ich mal, seit es jetzt den coolen neuen Edge gibt.
Und ansonsten sieht es ziemlich gut aus.
Irgendwie Edge ab 17, Firefox ab 44, Chrome ab 36, Safari ab Version 10, Opera und die ganzen.
Also es sieht wirklich gut aus, kann man schon verwenden.
Und wie gesagt, ich habe es erst entdeckt, als ich es auf unserer Homepage gefunden habe.
Vielleicht sagen wir kurz unseren konkreten Einsatzzweck.
Es ging um dieses Nummer 13, dieses, ja ist das schon eine Ligatur oder ist das ein festes Zeichen?
Dieses N-O, also ich weiß, dass man es technisch als Ligatur umsetzen kann in OpenType,
dass wenn man N-O tippt, dass das dann hochgestellt wird.
Jedenfalls sieht man das bei unseren Episoden, ist das dieses N mit dem O, mit dem Kringel und dem Strich drunter.
Und das wurde irgendwie, in der Webfont wurde das nicht standardmäßig angezogen,
sondern ich musste es dann über diese Unicode-Ranges irgendwie definieren, damit das dann tatsächlich angezeigt wurde.
Also irgendwas war da komisch.
Und dann hat es aber funktioniert.
Also ich, das ist mir selber so ein bisschen so ein Rätsel.
Das ist ja verrückt, weil es ist ja Teil der Schriftart.
Ja, eigentlich dürfte das nicht so sein, eigentlich müsste es standardmäßig komplett geladen werden.
Aber vielleicht lag es auch an was anderem.
Und zwar ist es ja so, wenn ein Zeichen nicht existiert in einer Font und dann fällt es zurück auf die nächste Fallback-Font.
Also wenn du in Font-Family mehrere definierst, beziehungsweise fällt dann halt zurück auf die System-Font, auf die Default-Font, die halt im Browser eingestellt ist oder vom System kommt.
Und so kannst du zum Beispiel auch Emoji-Fonts als allerletztes definieren.
Und wenn die Schriftarten keine Emojis mitbringen, was die wenigsten tun, dann fällt es eben zurück auf spezielle Emoji-Fonts.
Und ich glaube, da war das dann, dass manche Schriftschnitte hatten dieses Nummer nicht drin.
Und ich glaube, das war diese extra Bold oder was, was wir haben bei diesem Vorschau-Bild links.
Und die hatte das nicht mit drin, ja, und deswegen fällt es dann irgendwie zurück auf den Bold-Schnitt.
Und die 13 ist aber dann trotzdem extra Bold, keine Ahnung.
Also irgendwas war komisch und das lässt sich damit lösen.
Genau, und das ist ganz interessant, weil es schlägt die Brücke zum Angen, wo ich was ergänzen wollte.
Und zwar, man kann dann eben noch einen drauflegen mit diesen ganzen Fallback-Geschichten.
Und wir haben das auch im Einsatz, und zwar auf einer Kunden-Webseite bei uns, wo die Herausforderung bestand.
Ein Icon hinzuzufügen in einem laufenden Text, und zwar in einem Input-Feld.
In einem Input-Feld kann ich ja nicht mal eben ein Span machen und irgendwie da jetzt ein Icon reinsetzen.
Das funktioniert nicht.
Aber, was wir gemacht haben, wir haben einfach irgendeinen sehr obskuren Unicode genommen,
den es eigentlich gar nicht so oder gar nicht vorkommt, jedenfalls nicht an der Stelle.
Und das ist dann quasi ein kaputtes Zeichen eigentlich, was irgendwie so ein Kästchen dargestellt hätte normalerweise.
Aber als Fallback-Fond haben wir dann eben einen speziell preparierten Web-Fond erstellt,
der nur dieses eine Icon-Zeichen enthält und der dann darauf zurückfällt und dann zurück.
Das ist also eine Datums-Uhren-Anzeige, wo quasi erst Datum steht und dann das Uhren-Symbolchen und dann nebendran die Uhrzeit.
Und das in einem Input-Feld, in einem Date- und Time-Picker.
Und das kriegt man irgendwie so sehr elegant hin.
Und das sieht natürlich jetzt perfekt aus.
Und auch in jeder Schriftart irgendwie, weil das ist auch so eine White-Label-Lösung, die wir da entwickelt haben.
Das gibt es in ganz vielen verschiedenen Schriftarten.
Wir wissen es vorher nicht, welche.
Und dann haben wir irgendwann ein Zeichen genommen, was irgendwie nirgendwo belegt ist.
Genau.
Das ist ja ein scharfer Hack.
Ist das irgendwie dokumentiert?
Hast du da mal einen Artikel drüber geschrieben oder so?
Weil es lohnt sich ja fast, oder?
Geschrieben nicht gelesen wahrscheinlich.
Das hat mein Kollege gemacht tatsächlich.
Aber das ist mit Sicherheit irgendwo schon mal gemacht worden.
Also das haben wir uns nicht ausgedacht.
Das haben wir irgendwo aufgeschnappt.
Genau.
Das ist eine coole Idee.
Das ist ja noch nicht.
Das ist immer schön, wenn man so handfeste Beispiele hat.
Dazu auch nicht nur so die reine technische Seite.
Also wenn ich es angucken möchte, das ist auf carsharing-deutschland.de.
Glaube ich jedenfalls.
Packen wir in die Shownotes.
Das muss ich mir gleich mal notieren.
Implementation.
Gucken wir mal kurz, ob es wirklich stimmt.
Ja, in dem Augenblick.
Ich kann vielleicht noch den Wogen kurz zumachen, wenn ihr nachschaut.
Ich wollte noch was sagen.
Ja, da ist es genau.
War die URL richtig?
Ja.
Okay, super.
Also ich wollte das Unicode-Range noch kurz zumachen.
Also das ist auf jeden Fall backwards compatible, weil Browser, die das nicht kennen, ignorieren
es einfach, auch in diesem Frontface.
Und ich habe noch, wenn ihr jetzt dazu keinen Nachtrag mehr habt, habe ich noch ein bisschen
Ausblick, wo das noch hingehen könnte, diese ganze Geschichte.
Und zwar war ich letztes Jahr auf der CSS-Conf und JS-Conf in Berlin und habe da einen Vortrag gesehen, auch unter anderem zu Variable-Fonts.
Und da wurde Ausblick gegeben, wo das W3C oder so eine Arbeitsgruppe gerade daran arbeitet, das nennt sich Progressive Font Enrichment.
Weil da der Browser ganz automatisch nur das lädt, was verwendet wird.
Also das heißt, der schaut nach, welche Zeichen gibt es denn auf der Seite und ganz besonders, wenn es irgendwie ums Arabische geht, weil es offenbar sehr, sehr viele verschiedene Zeichen gibt.
Oder auch, keine Ahnung, japanische Schriftzeichen oder so.
Da ist es besonders interessant, dass er eben auch, er schaut auf die Seite, was brauche ich und lädt genau nur diese Glyphen runter.
Ich weiß nicht genau, wie weit die sind.
Es gibt eine Demo, die kommt auch in die Shownotes, wo die mal gezeigt haben, wie viel da runtergeladen wird und was für Unterschiede das macht, je nachdem, was für Text du eingibst.
Also das ist schon krass, das ist sehr beeindruckend.
Ich glaube, es ist aber noch in keinem Browser implementiert, wenn ich es richtig weiß.
Und von dem, der es vorgetragen hat, Jason Pimentel, ich weiß nicht, ob ich es jetzt richtig ausgesprochen habe, gibt es auch einen ganz coolen Artikel zu dem Thema.
Kann ich auf jeden Fall empfehlen, den mal zu lesen.
Der Clou ist ein bisschen, das macht, vom Konzept her macht das Google Fonts ja auch schon, wenn man das möchte.
Wenn man Google Fonts von außen einbindet und nicht selber das Hosting übernimmt, dann analysiert Google von außen, was da gebraucht wird und kann dann nur die Sachen erstmal liefern.
Das machen die auch schon, aber das verlässt sich Google irgendwie darauf, dass die Inhalte sich, glaube ich, nicht ändern irgendwie oder so.
Aber ich weiß es nicht genau, also das ist so, also die Idee ist da schon mit drin, ich habe es noch nie eingesetzt, aber man will halt immer irgendwie ganz viel Speicher sparen bei Fonts, weil die Leute der Meinung sind, dass irgendwie 30 Kilobyte zu viel ist.
Obwohl sie dann ein 500 Kilobyte groß ist.
Ich wollte gerade sagen, genau, aber dann schön, wir schon das irgendwie.
Genau, also das ist immer so ein bisschen eine verlogene Diskussion und ich bin da auch ganz entspannt, also von mir aus sollen die ruhig mal hier 200, 300 Kilobyte in Fonts, ist völlig in Ordnung.
Okay, gut.
Das war deine Property?
Dann ist die Property jetzt fertig, genau.
Meine Properties, eigentlich ein paar Properties, ich starte mal mit Font Feature Settings, haben es vorhin schon kurz gehabt über Open Type Features, also vielleicht sind ja nicht alle Hörer und Hörerinnen überhaupt im Thema Typografie irgendwie drin.
Deswegen den Begriff Ligaturen erkläre ich vielleicht nochmal, also es gibt so bestimmte Buchstabenkombinationen, die relativ häufig dazu führen, dass man die Buchstaben gerne verbinden möchte.
Also zwei aufeinanderfolgende Fs oder ein Fi, die Kombination zum Beispiel, da wird dann oft der I-Punkt weggelassen und das F geht dann so über das I drüber.
Das ist zum Beispiel ein Feature, das Open Type liefert oder Small Caps, das heißt ich habe nur große Buchstaben, die dann aber in verschiedenen Größen dargestellt werden, also großes A und danach kommen dann auch Großbuchstaben, aber die sind kleiner.
Oder Alternates, also ich kann verschiedene Varianten, ich habe ein O mit einem Kringel und ein O ohne oder ein O mit einem Null mit einem Strichdurch oder ohne.
Oder Zahlen als Monospace, dass die immer tabellarisch untereinander in der gleichen Breite dargestellt werden.
Das sind so Features, die kann ich an- und abschalten, wenn ich die möchte.
Also man kennt das vielleicht aus Programmen wie InDesign oder Illustrator, wo man damit arbeiten kann oder auch in Photoshop, wo man diese Alternates auswählen kann.
Und ich habe tatsächlich auch im Web die Möglichkeit, diese Features zu aktivieren oder zu deaktivieren.
Da muss ich selber nochmal gucken, die Browser-Unterstützung ist glaube ich auch schon relativ weit, also 96,9%.
Man muss dazu sagen, es gibt da zwei verschiedene Syntaxen dazu, um das allen auszuschalten.
Von Variation Settings meinst du wahrscheinlich?
Genau, die alte und das ist die neue, wie du jetzt schon gesagt hast.
Und die alte war, ja, also man soll die neue verwenden auf jeden Fall, weil die ist inzwischen weit genug verbreitet.
Genau.
Also wir verlinken auch nochmal auf den MDN-Artikel, da wird das auch nochmal genau beschrieben, auch in welchen speziellen Fällen man tatsächlich wirklich die neue benutzen sollte und nicht die alte.
Weil das eben sehr, sehr low-level ist, was man da macht und da ist es auch einfach übersichtlicher, wenn man tatsächlich die richtige Property hat, die dann auch das auslöst, was man will und nicht irgendwelche komischen Kürzel, die man da dann einsetzt.
Ja, und natürlich wichtig, die Schrift muss es unterstützen, die man einsetzt, also das ist natürlich nur bei den Schriften, also wenn man dann ein Feature einschaltet, was die Schrift nicht unterstützt, dann ist es halt wirkungslos.
Genau.
Oder wird hässlich gefakt, das weiß ich gar nicht genau, wenn man jetzt irgendwie tatsächlich Small Caps macht, ob die dann hässlich falsch gefakt werden.
Das müsste man tatsächlich mal ausprobieren, ja.
Oder ob die dann einfach nichts machen.
Vermutlich wird es einfach nicht funktionieren.
Das wäre besser.
Also vielleicht auch noch zur Erklärung, technisch ist jede dieser Ligaturen ein eigener Charakter, der dann in dieser Tabelle an Zeichen, die in der Font vorkommen, angelegt ist und intern mit der OpenType-Sprache, mit der ich mich auch letztens beschäftigt habe,
mit diesen Anwendungen, die man da schreibt, wird das eben dann umgewandelt, dass man, dass die Kombination aus F und I dann eben nicht F und I aus der Tabelle lädt, sondern eben F, I als Ligatur.
Also das sind wirklich einzelne Charakter, dementsprechend muss das in der Schrift so angelegt sein, das wird nicht automatisch erzeugt.
Genau.
Vielleicht so als Background, die allermeisten Schriften haben diese klassischen Ligaturen drin, das sind so fünf, sechs klassische Ligaturen, die eigentlich immer dabei sind, aber da ist es nach oben offen, also es gibt Schriften, die sich, die strotzen nur so für Ligaturen.
Und es gibt Schriften, die basieren quasi auf Ligaturen, man kann das ganz beliebig weit treiben, aber es ist für die Lesbarkeit und für so diesen letzten kleinen Schliff eine angenehme Sache und lässt sich gerade bei Fließtexten eigentlich bedenkenlos einschalten und es ist immer ein Gewinn, das zu tun eigentlich.
Es gibt ja auch noch die Contextual Alternates, die ja richtig komplex werden können, je nachdem wie man die schreibt, also ich habe mich da letztens mit beschäftigt, weil es darum ging eine Schriftart zu erstellen auf Handschriftbasis und da kann man sich echt drin verlieren in der Thematik.
Genau, dann gibt es noch Font Variation Settings, mit der ich tatsächlich, und da kommen wir jetzt dann auch schon wieder zum Thema, der Moritz hat den Begriff auch gerade schon mal genannt, Variable Fonts, da gehen wir im Thema noch genauer drauf ein, was das überhaupt ist, einfach mal im Hinterkopf behalten.
Ich kann diese verschiedenen Merkmale von Variable Fonts, also zum Beispiel die Achsenneigung von Italic oder die Linienstärke, die Weight oder die X-Höhe auch von den Buchstaben beeinflussen, auch per CSS, eben mit dem Attribut, mit dem Property Font Variation Settings.
Da will ich aber jetzt auch gar nicht zu arg in die Tiefe gehen, das verlinken wir auch auf MDN, aber es ist interessant, da sind auch so ein paar Demos dabei, das mal zu sehen, was damit alles möglich ist.
Auf jeden Fall sehr spannend und war für mich jetzt auch neu und generell die Thematik Variable Fonts, also ja, können wir nachher noch drüber sprechen.
Damit wäre die Property von meiner Seite zu Ende, wenn noch, wenn niemand mehr Input hat.
Ich habe noch über die heute gelernt, heute wieder mal, wahrscheinlich uralt, wie war das? Fit Content, kennt ihr das?
Da hast du doch, Moritz, glaube ich, auch mal was.
Ja, ich glaube, da geht es um Bilder, ne?
Genau, wenn man nicht genau weiß, wie groß das Bild sein wird, ob das Landscape hat oder Hochformat oder wie viel Landscape man kann, es entspricht der Eigenschaft Cover beim CSS-Hintergrundbild,
aber man macht es nicht auf Hintergrundbilder, sondern auf tatsächliche Image-Elemente und dann passt sich das Ganze für größenmäßig schön an und man muss dann nicht so viel dem Redakteur das irgendwie machen oder das CMS das machen lassen.
Das kann man per CSS lösen über Fit Content. Was ist eigentlich ein Display-Fit-Content oder? Ich habe es vergessen. Moment.
Ne, ich glaube, es ist wirklich tatsächlich Fit Content, oder? Einfach nicht das Property?
Ja, Fit Content und dann eins oder zwei, true oder false, das ist ja Quatsch. Ne, ne, ich sage es im Moment.
Jetzt gucken alle.
Also Fit Content gibt es auch bei den Grid-Template-Columns.
Ja, ist das andere.
Aber es ist nicht Fit-Object.
Ich habe es. Object-Fit-Cover.
Ja, jetzt habe ich es auch gerade.
Das ist völlig anders. Also alles falsch. Also Object-Fit ist gleich Cover.
Ja, das haben wir auch bei unserer, bei unserer Firmenseite auch im Einsatz und der Moritz hat versucht, das bei, wo wir sind, das vorne.show auch letztens reinzubasteln, aber irgendwas hat dich dann abgehalten, ne?
Ja, das, das kommt noch.
Okay, gut, dann machen wir weiter.
Das war's.
Okay, machen wir weiter.
Hier ist WWS IV mit dem Tagesthema.
Ja, Webtypographie, wir haben es vorhin schon so ein bisschen angerissen, ist ein langer Weg, der da hinter uns liegt und jüngere Entwickler, die nehmen das schon als gegeben hin, die wissen das nicht zu schätzen, sage ich jetzt gar nicht irgendwie wertend, woher denn auch, ja, die wissen das nicht.
Aber so, wenn man, wenn man selber so dabei war von Anfang an und so diese Entwicklungen mitbekommen hat, das war schon ein lang gehegter Traum, den man da so mit Workarounds Stück für Stück den Weg bereitet hat.
Möchtest du da zu der ganzen Geschichte und der Entwicklung, was man sich da hat so einfallen lassen, was sagen, Gerrit?
Ja, wenn es interessant ist, also es ist wirklich spannend zu sehen, weil man hatte, man hatte ja, HTML war ja eigentlich überhaupt nicht für Gestaltung gedacht.
HTML ist ja eine reine Wissenschaftssprache gewesen für wissenschaftliche Paper und da war Typografie überhaupt nicht angesagt.
Das war ein irrelevantes Thema und erst als es dann quasi darum ging, wir sprechen jetzt von 1993, 92 so, da war das noch kein Thema, da war das einfach HTML, war HTML und der Browser hat es so dargestellt, wie der Browser es halt gerade gedacht hat, wie es gerade passt so.
Und das war dann in aller Regel dann halt Arial oder Times New Roman als Schrift und das war es.
Man konnte vielleicht mal was zentrieren oder mal was fett machen, so, das war es dann aber auch schon.
Und dann ging es das Web in die Runde halt Kommerzialisierung, sag ich mal.
Ab 1995 war der Bedarf da, dass man das Netz auch gestaltet, das Web, dass man auch wirklich, ja, Branding macht und irgendwie so.
Und dann ging es los, dann musste man ja irgendwas mit Typografie machen, weil Typografie ist ein wichtiges Element für generell überhaupt Layout, Gestaltung.
Und dann ging es los, dass man angefangen hat, mit Bildern zu arbeiten.
Man nimmt das Bildelement und packt da Text rein, so, ne.
Und für Überschriften im Wesentlichen verwendet, dass man einfach wirklich per Hand im Photoshop sich Bilder gebaut hat, die dann die entsprechende Texte enthalten haben.
Das Eingebunden als Bildelement, auch händisch natürlich und das war es, war natürlich super umständlich und auch für Fließtexte nicht geeignet und so weiter.
Und das haben dann viele Pornoseiten, haben das dann gemacht irgendwie auch, ne.
Die sind ja oft technischer Vorreiter.
Der Vorreiter, sehr bildlastig und da war dann oft schöne Typografie zu sehen.
Aber alles mit den Bildern war natürlich Quatsch und dann gab es irgendwann dynamische Lösungen in der Hinsicht.
Und man hatte sich überlegt, man könnte jetzt rumtricksen.
Man könnte versuchen, also ich rede jetzt von Schriftarten, also Schriftgestaltung im Sinne von, ja, also dass man eigene Schriftarten verwenden kann.
Und dann gab es neben diesen Lösungen mit manuell gebauten Bildern natürlich dann serverbasierte Lösungen, wo halt mit PHP kleine Bildchen generiert worden sind.
Man kann mit PHP und einer Schrift, einer TrueType-Schrift, die man auf den Server legt, kann man dann kleine Bildchen generieren lassen.
Imagematic macht das irgendwie oder sowas, keine Ahnung.
Oder die Relip.
Und dann konnte man damit quasi schon auch dynamisch auf dem Server diese Bildchen vorbereiten und ausliefern.
Aber nach wie vor als Bilder.
Oder man hat dann angefangen, mit CSS zu arbeiten, hat quasi das H2-Element genommen, hat dann als Hintergrund, hat man dann das Bild genommen und die Schrift selber dann irgendwie transparent drüber gelassen,
damit man es irgendwie noch markieren kann, wenn man irgendwie den ganzen Text markiert.
Dann gab es Techniken, wo man versucht hat, mit Flash diesen Text dynamisch herzunehmen.
Siffer heißt diese Technik, wo ein JavaScript-Element dabei war, was quasi den Text ausgelesen hat, dann per JavaScript in ein Flash-Skript reingeschoben hat.
Und das Flash-Skript hatte dann die Schrift inkludiert, weil in Flash konnte man nämlich Schriften einbinden.
Und dann dies dynamisch dann als Flash-Text mit der entsprechenden Schriftart.
Also wirklich eine halsbrecherische Methode, um das zu machen.
Aber es hat funktioniert und man konnte damit sogar auch den Text markieren.
Das ging in Flash.
Dann gab es reine JavaScript-Lösungen.
Da fällt mir ganz kurz noch dazu ein, dass das dann teilweise auch missbraucht wurde für Tracking,
weil man da ja irgendwie die komplette System-Schriftliste auslesen konnte über Flash.
Und dann konnte man das abspeichern und tatsächlich haben halt viele User unterschiedliche Fonts und nicht immer exakt die gleichen.
Und dann wurde darüber Tracking reingemogelt.
Das ist gut möglich, ja, ja.
Mit Flash sowieso.
Dann gab es eine vergleichbare Lösung auf Basis von Canvas.
Also quasi JavaScript-Canvas, der dann die Schriften da gemalt hat.
Also das ist alles absurde Geschichten.
So, bis man dann vernünftig mal dazugekommen ist, wirklich tatsächlich Schriften einzubinden.
Dieses Schriften-Einbinden über Fontface, was wir jetzt alle machen heutzutage, ist aber auch nichts Neues, sondern eine uralte Idee.
Das ist von 1998 nämlich.
Da ging das nämlich schon.
Das weiß kaum jemand.
Aber das Problem war, 1998 war das eingebaut in Explorer und im Netscape auch,
aber eben nicht mit standardüblichen Schriftdateien.
Weil, was wir als Schriftdateien kennen, das sind entweder True-Type-Schriften oder Open-Type-Schriften oder Postscript-Schriften.
Das sind so diese drei üblichen Font-Formate.
Und die Schriften, die man damals einbinden konnte in die Browser,
das war das Embedded-Open-Type-Format für Internet Explorer.
Und das war für Netscape ein, genau, EOT, und für Netscape noch ein ganz anderes Schriftformat,
was wird da gar keiner mehr kennt.
So, das Problem war, es gab gar keine Schriften in diesen Formaten,
weder zu kaufen, noch umzuwandeln, noch kostenlos.
Es gab schlicht, es gab diese Schriften nicht.
Die Browser konnten das zwar darstellen, und es gab vielleicht ein, zwei Demo-Schriften, keine Ahnung,
aber man konnte diese Schriften nicht umwandeln.
Erstmal durfte man es nicht, weil es überhaupt verboten ist, Schriften und andere Formate umzuwandeln.
Kommerzielle Schriften jedenfalls.
Und B, man hätte es technisch gar nicht hinbekommen, weil es gab gar nicht die Software dafür,
um Schriften in diese komischen Formate umzuwandeln.
Deswegen ist dieses Feature, was eigentlich funktioniert hat, nie benutzt worden.
Verrückt.
Und ist dann tatsächlich auch einige Jahre später rausgeflogen aus den Browsern,
bis es dann ab 2007 wieder eingebaut worden ist.
Das ist ganz obskur.
Und genau, und dann gab es ja dieses Font-Squirrel.
Genau, wo man dann umwandeln konnte.
Da konnte man dann auch tatsächlich diese EOTs wieder generieren,
und die haben das dann irgendwie geschafft.
Keine Ahnung, ob da irgendwie eine Lizenz abgelaufen ist.
Ich habe keine Ahnung, auf jeden Fall ging das damals.
Und damit konnte man das irgendwie konvertieren.
Aber das ist ja schon viel später dann gewesen.
Also, es gab eine Möglichkeit zu konvertieren.
Es gab irgendwie ein ganz komisches Perl-Skript oder sowas, was es konnte.
Aber das konnte auch keiner bedienen.
Da kam man nicht so ran.
Das waren andere Zeiten damals.
1998 ist man nicht mal eben irgendwo gegangen auf irgendeine Webseite,
hat es dann gemacht.
Das gab es alles nicht.
Und man wüsste gar nicht, wie man das hätte machen sollen.
Und tatsächlich dieses Umwandeln über Font-Squirrel,
die haben nichts weiter gemacht, als dieses halt benutzbar zu machen,
über ein Interface, was man bedienen konnte.
Und ab da konnte man das machen.
Und ab da gab es aber auch schon in großen Stilen auch kostenlose,
also gute Schriften, die halt Open-Source-mäßig drauf waren.
Das gab es ja damals auch nicht.
Es gab ja quasi keine Open-Source-Schriften.
Wir hatten ja damals nichts.
Man hatte wirklich nichts.
Ich muss ja auch dazu sagen, ich war ja einer der Ersten,
die überhaupt über freie Schriften berichtet hat in meinem Blog damals.
Das war eine meiner wichtigsten Rubrik eigentlich im Nachhinein,
mit der ich total bekannt geworden bin.
Vorher kannte mich keine Sau.
Und dann habe ich angefangen, freie Schriften zu porträtieren,
die kostenlos waren.
Und das war in einer Höhenflut meines Erfolges.
Das habe ich nie wieder anknüpfen können.
Weil da habe ich jede Woche eine freie Schrift beschrieben und porträtiert.
Und es gab gar nicht so viel Stoff.
Ich musste dann nach zehn Wochen aufhören.
Es gab keine freien Schriften mehr, die was getaugt haben.
Und insofern sind wir da heutzutage in einer paradiesischen Position,
dass wir jetzt diese Schriften einbinden können.
Begonnen hat es mit Safari.
Das war damals 2007.
Safari war ja der Technologietreiber gewesen.
Das kann man sich auch nicht mehr vorstellen heutzutage, weil es längst Chrome ist.
Aber Safari hat damals richtig gepusht.
Und die haben einfach gesagt, weißt du was?
Ich könnte einfach normale Schriften einbinden.
Nimm der OpenType-Schriften, könnte einbinden, macht was er wollte.
Mir doch wurscht.
Und eigentlich war das ein Schlag ins Gesicht für die Schrifthäuser damals.
Weil, dass du einfach so Schriften einbinden kannst, ist eigentlich nicht in Ordnung.
Weil es auch gar nicht erlaubt ist.
Weil, was heißt einbinden?
Einbinden heißt, dass die Schriften wie eine Bilddatei auf dem Server herumliegt.
Und zwar auch öffentlich zugänglich für alle, ganz normal aufrufbar.
Das heißt, du hast die Schrift eingebunden bei dir, hast sie auf den Server gelegt und hast sie damit quasi publiziert.
Du hast eine Schrift publiziert, die du gar nicht publizieren darfst, weil du die Lizenz dafür gar nicht hast.
Klar, jeder, der in die Developer-Tools schaut, kann die sich einfach abgreifen und hat sie dann bei sich zum Installieren.
Ganz genau.
Und das lässt du auch superleit zurückverfolgen.
Insofern war das eigentlich brandgefährlich, weil die Schriften ja damals immer noch für den Printgebrauch gedacht waren,
dass du sie auf deinem Rechner installierst und damit eine Broschüre machst.
Und dafür waren die gedacht.
Und deswegen haben die einfach vorgeprescht technologisch.
Aber es war nichts geklärt, wie man das irgendwie weitermachen könnte.
Und dann gab es große Diskussionen für die, also die Schrifthäuser und Schriftschmieden sind dann quasi in die Situation gedrängt worden,
dass sie jetzt mal anfangen müssen, sich Gedanken zu machen über Lizenzierungsmöglichkeiten.
Was soll es denn kosten, so ein Webfond irgendwie zu lizenzieren?
Und wie soll das denn vonstatten gehen?
Wie muss es geschützt werden?
Muss es irgendwie technologisch, kryptografisch irgendwie mit einem Management-System irgendwie,
wie heißt das, mit so einem Privacy-Protection-Tool geschützt werden?
Wie heißen die Dinger?
DRM?
DRM, genau richtig.
Digital Rights Management.
Genau.
Das war auch ein Gespräch.
Wurde dann nicht gemacht.
Aber war alles ein Gespräch.
Und das war eine Riesenaufbruchstimmung.
Und dann hat man sich irgendwann so darauf geeinigt, dass man doch ein neues Schriftformat braucht,
mit dem diese Web-Nutzung besser funktioniert.
Nämlich einerseits, weil es nur fürs Web ist und auch ein bisschen optimiert ist, ein bisschen komprimiert ist
und so einen kleinen, so einen gewissen Minischutz drin hat irgendwie.
Und dann kam das WOF-Format, W-O-F-F, Web Open Type Font Format.
Und ein wenig später kam WOF 2 dazu, nochmal optimiert, was dann quasi der Kompromiss war.
Also technologisch ist das nichts anderes als eine Open Type Schrift, die ein bisschen komprimiert ist
und mit ein paar Metainformationen versehen ist, die die Herkunft irgendwie darstellen.
Und das ist was, mit dem wir heute arbeiten, mit dem alle Browser arbeiten können.
Und wir holen uns unsere WOF-Schriften, kaufen die, lizenzieren sie
oder holen sie halt direkt von der Open Type, also eine kostenlose Open Source Schrift-Sammlung herunter
und können die verwenden.
Und das ist der Stand, den wir jetzt so seit 5, 6, 7 Jahren einfach haben.
Und da sind wir sehr glücklich drüber, dass das funktioniert.
Auf jeden Fall.
Und das ist so der kleine Ritt gewesen, generell über die, ja, die des Schriften einbinden.
Aber darüber hinaus ist es ja nur ein Aspekt, sag ich mal.
Also Typografie ist ja nicht das gleiche wie Schriftarten einbinden.
Sondern natürlich gab es natürlich eine riesengroße Entwicklung in der Webtypografie,
die man ganz schwer zusammenfassen kann, aber die letztendlich so richtig Fahrt aufgenommen hat
mit CSS eigentlich und den ersten CSS-Versionen.
Aber vor allem dann den ganzen kompletten CSS-Layouts, die dann so möglich waren ab 2004, 2005,
wo man angefangen hat, eben nicht mehr sein Layout in HTML zu machen und sein Design,
sondern wo man das ausgelagert hat in getrennte CSS-Dateien.
Das war ja dieses große Umdenken in der Zeit, wo quasi man jeden gefeiert hat,
der so fortschrittlich war und gesagt hat, ich habe mein HTML jetzt komplett clean,
ohne Styling-Angaben und mache alles in CSS.
Und die ersten komplexeren Layouts, bei denen das überhaupt gemacht wurde,
da reden wir von 2004, so 2005 vielleicht, ein paar ganz wenige, 2003 schon.
Und da ging es dann los mit CSS 2, dann kam CSS 3 dazu.
Und inzwischen ist es so, dass wir, was die typografischen Möglichkeiten angeht,
mit CSS eigentlich dem Print kaum noch nachstehen.
Es gibt wenig Features, die wir in InDesign nutzen können, die wir nicht im Web auch nutzen können.
Und ganz grob gesprochen, natürlich gibt es im Web noch ein paar andere Sachen,
die halt im Print gar nicht möglich sind, die halt irgendwie dem geschuldet sind,
dass wir halt auf dem Bildschirm arbeiten und natürlich noch ein paar Möglichkeiten haben,
was Animationen angeht, was Responsivität angeht und so weiter,
die natürlich über das hinausgehen sogar, was im Print möglich ist.
Und das ist der spannende Teil, auf den wir uns seit ein paar Jahren konzentrieren irgendwie.
Also erst mal mit dem Print gleichzuziehen, was Features angeht,
aber dann eben auch darüber hinaus zu gucken, was ist mediengerecht auch fürs Web
und wo können wir da noch mehr machen.
Ich muss grad ganz kurz noch einen Einschub machen.
Ich kann grad ganz live berichten, es hat grad jemand drei Biere gespendet und der kriegt das jetzt ...
Wir machen das jetzt mal so ganz Streamermäßig, wo die Leute sofort belohnt werden für das, was sie machen.
Also sofort bei Twitch.
Sobald ich die Folge editiert hab?
Ja genau, wir müssen demnächst dann live streamen, das ist klar.
Aber hat jemand mal von euch bei Twitch irgendwie so Streams geschaut?
Ich bin da grad so ein bisschen am rumgucken.
Also da ist es wirklich so, also da gibt's dann sofort Belohnung dafür.
Da wird dann eine Animation abgespielt und ein Sound und das kriegt derjenige jetzt auch.
Genau, ganz kurz, danke, Applaus.
Es steht someone, ich weiß nicht, wer es war.
Auf jeden Fall vielen Dank an der Stelle.
Ja, vielen herzlichen Dank.
Super gut.
Als hätten sie gehört, was ich gesagt habe.
Wir streamen doch gar nicht.
Irgendjemand hört uns grad so, hab ich aus Versehen den Livestream-Knopf gedrückt.
Nee, keine Sorge.
Ich kenn den Link davon.
Okay, jetzt kann man, Entschuldigung, das muss sich jetzt kurz einbauen.
Ja, vielen Dank für die, für die Hinführung zum Thema.
Wow, richtig umfangreich, sehr schön.
Da hatte ich mir einige Sachen schon notiert, die ich sonst selber gesagt hätte, aber war
eigentlich alles abgedeckt.
Und du hast auch schon so ein bisschen so einen Ausblick gerade gegeben.
Aber vielleicht kann man es nochmal kurz prägnanter zusammenfassen.
Also wir haben jetzt inzwischen eigentlich überall WoW, wenn nicht sogar WoW 2 Support.
Also in allen großen Browsern.
Da brauchst du dich da eigentlich gar nicht mehr um irgendwie EOT oder SVG-Fonts, gab's
ja auch noch, oder sowas kümmern.
Aber gut, SVG, das war irgendwie auch so ein Rohrgrepierer.
Irgendwie weiß gar nicht, wer das alles unterstützt hat.
Das war doch irgendwie für iOS, glaube ich, war das, ne?
Nein, nein, nein, nein, nein, nein, für Android und zwar älter als, glaube ich, irgendwie 4.1 oder sowas.
Ich weiß auf jeden Fall, Mobile Devices war irgendwie so genau das.
Also Version 3 bis 4.4.4.
3, das war doch diese reine Tablet-Version, oder?
Ja, ja, ja.
Oh Gott, echt.
Ja, ja, SVG, also das ist irgendwie, das ist unfassbar.
Das habe ich, ich habe noch nie davon gehört.
Das gab's schon vorher schon, aber das hat niemals irgendjemand verwendet.
Und danach auch nie wieder.
Also das ist also unfassbar, ja.
Gut, jedenfalls, jetzt haben wir die und die Unterstützung für diese fortschrittlichen
und mit OpenType Features versehenen Fonds.
Wo liegen denn jetzt heute noch so die Herausforderungen beim Thema Webtypographie?
Technische oder gestalterisch?
Sowohl als auch.
Also gerne auch das Gestalterische, weil gestalterisch bin ich gar nicht so drin.
Ich bin ja eher der Techniker.
Deswegen gerne in beide Richtungen.
Also vielleicht fangen wir beim Gestalterischen mal an.
Ich finde, die große Herausforderung der letzten Jahre ist,
dass wir zusehends ja Mobile First haben.
bei denen, ja, es wird immer empfohlen, es wird immer gesagt,
dann auch Mobile First und so.
Das Wichtigste, erst mal ein Smartphone machen.
Aber dann hast du das Problem, dass du dann doch, ja, doch auch eine Version brauchst
oder auch irgendwie das Ganze dann großziehen musst,
wenn du dann doch mal am großen Bildschirm bist, auf das Weise mal.
Und dann hast du das Problem, dass die meisten Mobile First Seiten
dann doch eher das Blutleer wirken.
Und das ist das große Problem, dass vom Layout her,
dass du, dass du doch alles sehr, sehr ähnlich aussiehst
und sehr, sehr gleichförmig aussieht, weil du halt gewisse Best Practices hast,
die halt durch, oft auch durch konkrete Baukastensysteme vorgegeben sind.
Ja, also sprich irgendwie die ganzen, wie heißen sie hier,
Grid-Systeme und Bootstrap und hast du nicht gesehen.
Da gibt es ja ganz viele Best Practices und die sehen aber immer gleich aus
und funktionieren auch immer gleich.
Und man weiß, die sind rock solid, funktionieren irgendwie, aber ja.
Und sehen halt einfach dann manchmal einfach langweilig aus,
wenn du es dann groß ziehst auf einem großen Bildschirm,
weil dann nichts mehr passiert.
Das ist irgendwie dann so vom Mobile her gedacht.
Und unsere Herausforderung ist eigentlich trotzdem auch diese Sachen spannend zu gestalten.
Und da kann Typografie halt unheimlich helfen.
Da kann auch Illustration helfen und Fotografie und Farbgebung und so weiter.
Aber eine spannende Schriftwahl, interessante typografische Effekte
oder auch einfach da Sorgfalt reinstecken in die verschiedenen Schriftebenen,
kann da enorm weiterhelfen, so ein Layout trotzdem interessant zu halten,
auf größeren Bildschirmen, wo es bei kleineren Bildschirmen ja wirklich eher darum geht,
das Ganze platzsparend und so, dass man nicht zu viel scrollen muss und so.
Darum, das ist so das Hauptding.
Aber bei größeren Bildschirmen müssen wir jetzt wieder darauf achten,
das Ganze irgendwie interessant zu machen, um das nicht alles langweilig und gleich aussieht.
Das halte ich so für eine der größten Herausforderungen gestalterisch.
Also mehr typografisch wagen, aber auch wieder mehr, das sage ich auch immer dazu,
immer mehr Illustration und Fotografie in den Vordergrund treten lassen,
weil da hat man eine Chance, sich abzusetzen vom Rest des Webs.
Macht ihr ja hervorragend auf der Webseite von WoWir sind, ist vorne.
Das ist auf jeden Fall sehr grell und auffällig und prägnant und einprägsam.
Und das muss auch so sein.
Ich finde, das ist der Weg irgendwie, dass man sich was Eigenständiges schafft mit Typografie.
Das ist hier gemacht.
Technologisch gesehen, ja, ich habe es vorhin schon so angedeutet,
Ich sehe das große Problem eigentlich nicht darin, dass die Datenmenge zu groß wird und man zu viele Schriften einbittet.
Das ist, finde ich, vernachlässigbar so ein bisschen.
Das große Thema, was im Raum steht, sind diese Variable Fonts.
Und vielleicht kann ich ganz kurz umreißen.
Ich bin da jetzt auch kein Experte da drin, weil es halt immer noch recht früh ist.
Variable Fonts ist die Idee, dass man nicht mehr verschiedene Schriftschnitte benötigt für die gleiche Schrift, für verschiedene Schriften.
Also bisher hat man ja immer gehabt, man hat eine Normalschrift gehabt, eine Fette, eine Kursive, Fettkursiv und vielleicht noch Zwischenstufen dazwischen.
Irgendwie noch Medium oder Superbold und so weiter und so fort.
Und irgendwann hat man dann auf der Webseite dann 33 verschiedene Schnitte der gleichen Schrift.
Das soll Variable Fonts quasi abschaffen.
Die sagen, wir brauchen nur eine einzige Datei, eine Fontdatei.
Und die hat verschiedene Gestaltungsachsen, nennt man die da.
Das sind nicht unbedingt jetzt ganz wörtlich genommen Achsen, obwohl es das auch gibt.
Wie du schon vorhin gesagt hast, für die Kursive zum Beispiel könnte man sagen, man macht wirklich eine Achse und kann dann bestimmen, wie viel Grad die denn hat und wie schräg soll die Schrift sein.
Eine andere Achse könnte aber sein eben die Fette der Schrift.
Also wie dick sind die einzelnen Buchstaben oder habe ich vielleicht ein bisschen mehr Zeilenabstand, das aber auch, aber vor allem Buchstabenabstand.
Oder zum Beispiel bestimmte Kleinigkeiten an Schriften, wie zum Beispiel irgendwie die Unterlänge.
Wenn ich jetzt so ein G habe, so ein kleines G oder ein kleines Q, wie tief runter geht das zum Beispiel.
Genau, also diese Achsen können unterschiedliche Sachen sein.
Da gibt es auch viel Experimentelles zu sehen.
Was passiert ist, man hat quasi nur noch eine Basisschrift, die quasi so, man nennt das das Skelett der Schrift, also wirklich nur so ganz grob, wie die Schrift von der Form her aussieht.
Und dann hat man ganz viele Parameter, die man dann quasi daran justieren kann und die man dann eben per CSS einfach einstellen kann, wie man an bestimmten Stellen halt bestimmte Fette hat.
Man kennt es ja aus CSS zum Beispiel, dass man ja diese Fette Stufen hat von 100 bis 900.
Bisher war es so, dass man eigentlich bei den meisten Schriften nur zwei Werte verwenden kann davon, nämlich 400, das entspricht normal und 700, das entspricht dem Fett.
So, es gab Schriften, die dann durchaus auch die anderen Zwischenstufen verwendet haben, aber immer nur in 100er-Däckchen.
Also es konnte man manchmal eine Schrift einsetzen mit 100, die war dann irgendwie super thin und 800 für mega fett und 900 für super, super fett, aber eben nie diese 100er-Schritte verlassen hat.
Genau, also war auch nicht animierbar zum Beispiel dazwischen, sondern die switchen dann halt um zwischen den dicken, ja.
Richtig, genau. Ist einfach nur so, genau.
Und jetzt ist es so, dass man mit Well-Well-Fonts qualitativ diese ganzen Zwischenschritte eigentlich stufenlos, aber halt eben in dem Falle in tausender, also in tausend Schritte eingeteilt, frei definieren kann und wie du sagst auch animieren kann.
Das heißt, ich kann mir einfach auswählen, wenn mir die Schrift ein wenig zu dick ist, mache ich halt statt 660, mache ich halt nur 630er-Fette und dann wird die Schrift um ein minziges bisschen klein wenig weniger fett werden.
Und das gleiche gilt für alle anderen Achsen, die ich haben kann eben und kann die stufenlos definieren in einem ganz, ganz feinen Stufenraster und kann damit quasi mir für jede Stelle, an der die Schrift auftaucht, ganz genau definieren, wie sie aussehen soll, wie fett und wie schräg und was sie noch alles hat und so.
Das Ganze mit einer einzigen Trift-Datei, die teilweise sehr, sehr klein sein kann.
Und man kann sogar mehrere Schriftarten in einen Font reinpacken.
Das hat es auf die Spitze getrieben, hat das Underwear, ein Schriftstudio aus Holland, so die wilden Rockstars der Schriftszene, wo die inzwischen auch schon 20 Jahre dabei sind.
Aber gut, Underwear hat auf ihrer Webseite sämtliche Schriften in einen einzigen Font reingepackt.
Also alles irgendwie.
Und der ist irgendwie nur Megabyte groß oder so.
Und das ist alles mit drin irgendwie.
Das ist also wirklich winzig, enthält alle Schnitte und alle Features und ist fantastisch.
Das Problem ist nur, das ist alles eine wahnsinnig tolle Demo und klingt auch wahnsinnig interessant und wow.
Es ist aber eigentlich in der Praxis, braucht man es eigentlich nicht wirklich, wenn man ehrlich zu sich ist.
Und das ist so das, was ich beobachte, weil die Technologie dazu gibt es jetzt seit drei, vier Jahren und die Browser können es irgendwie auch so leidlich.
Aber man sieht es in der Praxis eigentlich nicht, außer in so Demo und Demos und wow, guck mal hier, wie toll das ist.
Das Problem ist ja, dass die verschiedenen Fettenstufen und die verschiedenen Schriftschnitte ja durchaus auch gestalterische Entscheidungen sind.
Das sind ja Presets, die ich habe, die auch Sinn ergeben, die auch intelligent gemacht sind und gestaltet sind.
Und die halt eben auch nicht nur eine Interpolation sind.
Also es ist ja oft so, man nimmt dann Light, Regular und Bold und dann interpoliert man das einfach, um dann so ein Variable Fold zu bekommen.
Und das ist ja oft nicht einfach nur so, das sind ja nicht einfach Werte, die sich gleich verändern, sondern da wird ja wirklich jeder Schriftschnitt optimiert ins letzte Detail.
Und das geht ein bisschen natürlich dabei verloren.
Ich wollte gerade nochmal ganz kurz sagen, warum es bei mir jetzt so ist, dass ich das noch nicht eingesetzt habe.
Es ist nämlich, dass es einfach viel zu wenig Schriften gibt derzeit, die Variable Fonts sind.
Also mir fehlen da irgendwie so die Alternativen.
Ich habe schon die ein oder andere gefunden, die mir gefällt, aber das ist dann auch nicht immer was für einen richtigen Anwendungsfall.
Also so die klassischen Schriften findet man da halt in dem Format leider noch nicht.
Genau, das hängt damit zusammen, was du gesagt hast.
Es ist genau das, die richtig guten Schriften sind eben nicht so rein mathematisch skaliert und interpoliert, sondern die sind, oder extrapoliert sagt man, weiß gar nicht eins von beiden, die sind ja wirklich gestaltet in ihren einzelnen Schriftgraden und händisch angepasst.
Und das geht dann da verloren oder es ist extrem viel Arbeit, es so aufzubereiten, es so zu machen.
Und es sind natürlich dann eher Schriften, die eher so ein bisschen mechanisch daherkommen und die halt so einen sehr starken mathematischen Ansatz haben, die nicht so sehr handgemalt aussehen oder nicht so wie eine richtige, schöne, gute, lesbare Textschrift, sondern es sind mehr so diese knalligen Headlineschriften, geometrischen Schriften, wo es sich anbietet, das zu tun.
Die aber dann wiederum gar nicht mal so gut lesbar sind oftmals und sich auch für gute Typografie manchmal gar nicht so gut eignen.
Da ist so ein bisschen so ein Missverhältnis.
Dazu kommt, wenn ich jetzt ein Schriftanbieter bin und haue so ein Font raus, ist die Frage, was verlange ich denn jetzt dafür?
Muss ich jetzt die Schrift so teuer machen, wie die gesamte Familie?
Die gesamte Schriftfamilie eigentlich, ja.
Oder sogar noch teurer.
Weil ist ja Arbeit reingeflossen, klar.
Genau, aber wenn ich jetzt als Schriftanwender trauche ich vielleicht nur drei Schnitte davon, dann will ich vielleicht nur drei Schnitte kaufen oder nur zwei manchmal.
Kommt oft nur noch vor, dass wir nur zwei Schnitte kaufen.
Ich brauche den gar nicht mit potenziell 100 Milliarden Kombinationen, den trauche ich vielleicht gar nicht und dann bin ich auch nicht bereit, das zu zahlen.
Also das ist auch so die Frage, gar nicht so unwichtig, weil Schriftklassiker und richtig gute Schriften muss man auch bezahlen und was ist denn der Preis dafür?
Schwierig.
Und das führt dazu, dass es auch bis heute kaum Schriften gibt in dem Angebot, die man wirklich so kaufen kann und dass es in der Praxis derzeit auf den allermeisten Webseiten nicht gemacht wird.
Kann sein, dass es noch ein bisschen dauert, kann sein, dass es aber auch nie kommt.
Es gibt eine Parallele dazu im Printbereich, gibt es schon auch aus den 90er Jahren den Standard Multiple Master.
Das kennen einige Älterer noch vielleicht.
Exakt das Gleiche eigentlich.
Auch da hat man gesagt, ich back mir meine eigene Schrift zusammen und aus ausfalllichen Parametern ist genau das gleiche Prinzip, nur dass am Ende halt eine Schrift daraus gefallen ist, die ich dann einfach eingesetzt habe.
Aber ich habe die mir quasi selber zusammen wirklich gebacken als Schrift.
Das hat sich auch nicht durchgesetzt.
Auch da wurde das irgendwie nicht angenommen, weil auch glaube ich das Gefühl da war, die Schriftgestalter wissen schon, was sie tun, wenn sie da einfach distinguierte Schriften rausbringen, einzelne Schritte rausbringen, die von da abgestimmt sind auch.
Da fließt auch Arbeit rein und ich sehe das Ganze eher so ein bisschen skeptisch.
Kann aber sein, dass wir uns in zwei, drei Jahren treffen und das ist das neue große Ding und hat sich durchgesetzt.
Sehr interessanter Einblick.
Habe ich jetzt von der Seite noch gar nicht so betrachtet, dass das auch natürlich für die Foundries auch die Frage ist, wie man das finanziell macht.
Stimmt, dann einfach teuer. Also ich meine, das ist schon alles ziemlich teuer.
An der Stelle noch eine Frage an dich, Gerrit. Hast du da so einen Variable-Font, wo du sagst, der gefällt dir gut? Also einen, den es jetzt irgendwie schon gibt, den du schon ausprobiert hast?
Tatsächlich bin ich da nicht, nee. Ich habe auch mal ein bisschen rumprobiert damit auf diesen Demoseiten, aber da ist dann auch nur so ein bisschen Schrott dabei gewesen.
Also das hat mir nicht zugesagt, nee. Aber ich würde immer mal gucken, also bei Underwear, immer mal gucken, Underwear.nl, die sind da vorne mit dabei.
Also denen würde ich da am meisten vertrauen, dass sie da was Sinnvolles machen.
Also ich kann da vielleicht eine kurze Empfehlung aussprechen. Eine, die ich jetzt auch demnächst mal einsetzen werde in einem Projekt, ist die Inter. Ich glaube, die Freunde von Helvetica werden damit bedient werden. Oh Gott. Und jetzt die ganz schlimmen Typo-Nerds werden vielleicht mich steinigen, weil da irgendwas nicht dran passt.
Aber mir gefällt die sehr gut und ich finde, die geht so ein bisschen in Richtung Helvetica. Und die hat extrem viele Einstellmöglichkeiten, die ich auch ziemlich gut finde und interessant finde. Und die bietet dann eigentlich genau das, so ein Font to rule them all.
Die ist doch auch frei, ne?
Die ist doch frei, ne?
Ja, die ist auch frei. Die kostet nichts, genau.
Ja, ich habe die neulich gesehen. Moment, ich gucke mal ganz kurz drauf. Ich wollte die, glaube ich, auf Twitter, habe es irgendwie nicht gemacht, glaube ich.
Ah ja, das ist klar, das ist natürlich ein Helvetica-Clone in irgendeiner Form, ja. Nicht ganz, aber ja, kommt hin, ja.
Ja, also ich fand halt, die hat eine Menge netter Features, auch so ganz viele so Ein-Ausschalt-Knöpfe, da gibt es so ein kleines Demo-Ding auf der Seite, womit man rumspielen kann, wo man alle möglichen Varianten ausprobieren kann.
Und ich fand das irgendwie ziemlich cool. Also da kann man sich tatsächlich, genau wie du es gesagt hast, so seine eigene Schrift zusammenbacken. Und das macht echt Spaß.
Ich bin gerade erstaunlich. Das ist ja ein richtig professionell ausgebaut. Wie finanzieren die sich denn überhaupt? Da bin ich immer ein bisschen skeptisch, weil das wirkt nicht wie so ein Hobby-Projekt. Das ist okay.
Ne, das ist richtig gut. Das ist aber auch bisher die einzige, die ich gefunden habe, wo ich gesagt habe, die würde ich gerne produktiv mal einsetzen.
Für die hätte ich auch gerne Geld bezahlt. Keine Ahnung wie viel, was mir das jetzt wert gewesen wäre, aber die ist echt gut.
Der Witz ist ja, dass tatsächlich Helvetica, das Original, als Webfond kaum einsetzbar ist, weil die eine unnötige Lizenz da haben, dem ich diese, da wollen wir auch noch drüber reden, diese Pay-as-you-go-Lizenz.
Ich wollte ganz kurz noch das Thema Variable zum Abschluss bringen.
Entschuldigung, ja, ja.
Absolut kein Ding. Nur weil wir es vorhin schon, einer von euch hat gesagt, irgendwie ja, außer lustige Demos dazu gibt es noch nicht so viel zu sehen.
Eine ganz lustige Sache habe ich gesehen, das ist eine Demo von Mandy Michael.
Ich poste euch auch mal in den Chat kurz den Link zum CodePen, wo man sich das angucken kann, damit wir alle wissen, von was ich rede.
Und das ist eben auch, ähm, was ganz anderes. Also es sind eigentlich Schriftschnitte, die aber sich nicht nur in irgendwelchen Liniendicken unterscheiden, sondern wirklich in der Form.
Und durch das Animieren zwischen diesen zwei Schnitten dann einen lustigen, äh, Wackelpudding-Effekt erzeugen.
Fand ich ganz nett. Verlinke ich auch in den, in den, in den Shownotes.
Habt das gesehen, ja.
Ah ja, cool.
Gut, genau, genau die Zensierungsmodelle. Das war nämlich, ähm, der Punkt, als ich dich angeschrieben habe auf Twitter.
Da kam irgendwie innerhalb von Minuten, glaube ich, war es, die Antwort zurück.
Und, äh, vom Wortlaut her, äh, war das irgendwie, äh, ja, dieses unsägliche Lizenzmodell.
Ich hab's mir sogar notiert. Das bescheuerte Lizenzmodell Pay-As-You-Go, das von vorne bis hinten kundenfeindlich ist.
Und, äh, für alle Monotype-Klassiker gilt. Nicht vermittelbar.
Jetzt darfst du, darfst du ranten.
Ja, ja, ich bin da schon wieder verraucht.
Ne, es gibt ja jetzt gute Alternativen.
Ne, es ist so, ähm, äh, es gibt, es gibt ein, ein, ähm, es gibt so zwei, ich hol ein bisschen aus.
Es gibt, bei den, bei den professionellen Schriften gibt es so zwei große Gruppen.
Und zwar das eine sind so die ewigen Klassiker.
Und das andere sind so die neuen, jungen, wilden Schriften.
Und die ewigen Klassiker sind halt die, die man im Studium lernt, die bis 1990 oder bis 2000 so das Maß der Dinge waren.
Und das sind Schriften, die im Wesentlichen stammen aus den Jahren 1950 bis 1990 oder so, ja.
Und die sind eigentlich fast alle ausnahmslos oder zu ganz großen Teilen bei Monotype angesiedelt.
Monotype ist eine große Firma, ähm, die Schriften herstellen und die, ähm, sind quasi, äh, die haben in den letzten Jahren alles aufgekauft, was es an großen Schriften gibt, äh, und an großen Schrifthäusern gibt.
Das sind so die, ähm, die kommen aus der Heidelberger Druckmaschine, die haben Linotype gekauft oder gemacht, äh, Monotype ist so das Amerikanische, Linotype war das Deutsche, die haben sich überfusioniert.
Ähm, das sind so die ganzen großen, alten, ähm, weißen, grauen Herren der Schrift, äh, Anbieter.
Und die haben die ganzen Klassiker.
Die haben Helvetica, die haben, ähm, ähm, ähm, ähm, na, jetzt fällt mir natürlich wirklich nichts ein, ne, ist ja klar.
Ähm, also, ähm, ähm, die Garamon.
Von einer bestimmten Geschmacksrichtung, äh, äh, alle, alle, alle Schriften, die man im Studium so als die Klassikerschriften lernt, haben die.
Und die haben für alle diese Klassiker beschlossen, dass sie fürs Web ein Lizenzmodell wählen, das Pay-as-you-go heißt.
Und das heißt, ich kaufe mit meinem Geld eine bestimmte Anzahl an Pageviews, ähm, lass es 500.000 sein, ist ja egal, ähm, kosten dann so ein paar 100 Euro oder was, ähm, und dann, wenn die dann aufgebraucht sind,
muss ich neue Pageviews kaufen.
Und das immer wieder.
Das heißt, ich muss, ähm, es verlangt, dass ich tracke, das ist klar, aber das ist nicht ungewöhnlich.
Ähm, das heißt, die müssen das irgendwie mitbekommen, wie viele Pageviews ich habe, und dann irgendwann, ähm, wenn deine Seite erfolgreich ist, dann hast du viele Pageviews,
und dann irgendwann kommt Monotype an, oder kommt Monotype an und sagt, hier, ich möchte neues Geld haben für die Schrift.
Und die erfolgreiche Seite ist, desto mehr musst du zahlen, desto öfter musst du zahlen, und du musst den Kunden, der, du bist ja selber nicht,
normalerweise nicht der Schriftlizenznehmer, sondern der Kunde, der dann, der kriegt dann irgendwann Rechnungen von, aus unregelmäßigen Abständen, Rechnungen von Monotype,
um die Schrift nachzulizenzieren, und das ist schwierig.
Das ist einfach, ne, du hast, du kaufst nicht einmal eine Schrift und bist davon ab, sondern du, du musst quasi immer wieder nachlizenzieren,
und das ist wirklich, wirklich schwierig, und das sind auch sehr, sehr teure Geschriften, das ist wirklich teuer.
Einmal eine Spam-Bot-Welle, oder irgendwie auf Heise in einem Artikel verlinkt worden, und dann kommt direkt die dicke Rechnung.
Krass.
So ungefähr, ja, so möglicherweise. Vielleicht haben die auch ein bisschen was drin an Kulanz, ich weiß es nicht, aber es ist auf jeden Fall kundenfeindlich.
Was das freundlichere Modell ist, was auch fair ist, ist monatliche Pageviews, ne, das heißt, du kaufst die Schrift einmal,
und hast dann, sagst du mal, jeden Monat 50.000 Pageviews frei, oder auch 500.000 Pageviews frei.
Das kannst du einschätzen, da weißt du, okay, wenn die Seite so weit läuft, wie sie weiß, ich weiß, ungefähr, wie viel Pageviews sie hat,
kann ich das einmal kaufen und bin dann erstmal ruhig, kann dann erstmal ruhig schlafen, und wenn dann doch der große Erfolg einsetzt,
dann kann ich das hochstufen, aber dann auch dann nur einmal, und dann ist wieder gut so, ne, und dann musst du nicht ständig nachlizenzieren,
sondern es reicht, wenn du halt einmal das lizenzierst und einmal die Kosten hast, weil Kunden zu vermitteln,
dass sie in ungemäßigen Abständen immer mal wieder was zahlen müssen für Schriften, ist wirklich schwierig zu vermitteln.
Und deswegen meide ich alle Schriften, die dieses Lizenzmodell haben, und sage, geh woanders hin.
Und der Tipp, um das abzuschließen, wo man hingeht, um sich die coolen Lizenzen zu holen, ist eine Seite, nennt sich fontspring.com.
Das ist die Schwesterseite von Fontsquirrel. Auf Fontsquirrel gibt es die kostenlosen Schriften,
und das gleiche Team macht aber fontspring.com, und dort gibt es eben Schriften, gerade auch für Web, zu fairen Konditionen,
nicht kostenlos, aber eben zu fairen Konditionen, und das ist super gemacht, die Seite.
Und dort gibt es eben die jungen, neuen, wilden Schriften von unabhängigen Schriftstudios,
viel sympathischer und viel, viel besser als diese ganzen alten Klassiker, die zwar immer wieder gefragt werden,
weil natürlich Kunden haben Corporate Designs mit alten Klassikerschriften,
aber ich empfehle allen Leuten, geht lieber zu den neuen, jungen Schriften und guckt bei Fontspring, was es gibt, und kauft es dort.
Jetzt bin ich mir tatsächlich gar nicht sicher, ich hatte genau das Problem vor ein paar Jahren,
als ich meine Homepage gerelauncht habe, weil ich wollte die Brandon Grotesk haben,
der ein oder andere kennt es vielleicht, ich finde es eine sehr schöne Schrift,
und wollte die einfach, ich wusste, meine Homepage, die hat nicht viele Views,
und es war eben verdammt schwierig, genau so was zu finden, wo ich sagen kann,
ich zahle jetzt erst mal einmal für eine bestimmte Menge,
und habe das dann selbst in der Hand, und habe vor allem auch kein komisches Tracking auf meiner Seite,
ich will keine Third-Party-Skripts irgendwie bei mir einbinden.
Die sind, aus meiner Sicht, sind die potenziell böse, möchte ich nicht haben.
Und ich weiß jetzt gar nicht, wo ich am Ende gekauft habe,
aber es könnte, ich habe gerade nochmal geschaut, es könnte tatsächlich Fontspring gewesen sein,
weil da gibt es die nämlich auch.
Also am Ende war die dann relativ teuer, also ich glaube, ich habe die in allen,
warte mal, das kann nicht sein, der Preis ist hier zu günstig.
Also ich habe irgendwie für alle Schnitte, die es davon gibt,
irgendwie so, glaube ich, 300 Euro bezahlt oder so.
Aber halt auch mit, ah doch, Moment hier, da sehe ich, okay, ist jetzt vielleicht reduziert,
ich sehe es gerade, zwölf Fonts für 250 Dollar,
das kommt so ungefähr hin, den Preis, den ich im Kopf habe.
Genau, aber damit kann ich dann erstmal machen, was ich will.
Die vertrauen mir quasi erstmal, dass ich damit keinen Mist mache.
Und wenn ich dann sage, hey, das ist jetzt alles mega erfolgreich und ich habe sehr, sehr viele Views,
dann kann ich das auch nochmal hochstufen, genau.
Aber alles andere ist Quatsch.
Genau, also ich habe, es gibt so drei, drei Sachen.
Das Erste, wenn man es irgendwie geht, kauft man die Schrift direkt beim Hersteller,
also beim Schriftstudio, die die Schrift wirklich hergestellt haben,
die haben halt manchmal einen Shop der Webseite, der ist meistens schlecht.
Wenn er sehr schlecht ist, kauft nicht dort.
Wenn der Shop aber einigermaßen gut ist, kauft direkt beim Hersteller,
da bleibt er beim meisten hängen einfach für den Schriftgestalter.
Das ist fair.
Wenn der Shop scheiße ist oder wenn die keinen Shop haben, dann kauft bei Fontspring,
weil die haben, die sind einfach, die sind die freundlich, das sind die Guten.
Und wenn man dann, wenn es nicht anders geht, dann muss man halt doch irgendwie zu Monotype gehen
oder zu Fontshop, das ist auch Monotype oder zu, wie heißt das, MyFonts, das ist auch Monotype.
Also die haben also quasi alles aufgekauft, haben aber die Brands jeweils gelassen.
Es gibt also jetzt quasi drei oder vier Schriftkauf-Websites, die alle Monotype gehören.
Und das sind die Bösen, muss man ganz klar sagen.
Da lieber nicht kaufen.
Die vierte Möglichkeit ist, man hat dann doch irgendwo noch ein Adobe Fonts-Abo rumfliegen.
Also wer Kunde ist bei Adobe Cloud, Web Creative Cloud, bin ich ja selber nicht,
aber viele Kunden sind das oder viele Agenturen sind das auch.
Da ist dann Adobe Fonts mit dabei.
Und die bieten halt Fonts an zum Fremd-Hosten.
Also nicht zum Runterladen und selber einbinden, sondern über Typekit,
was die ja aufgekauft haben schon ganz früh,
kann man das dann quasi einbinden von der Typekit-Webseite,
die Schriften halt quasi bei denen gehostet.
Man bindet das mit dem Skript ein.
Sehr komfortabel.
Man muss sich nur im Klaren darüber sein, dass man halt einfach die Schriften woanders gehostet hat.
Das ist ein Datenschutz-Thema.
Man muss es angeben in der Datenschutzerklärung.
Und wenn eben Typekit-Server down ist, dann sind die Schriften halt nicht verfügbar.
Und wenn die irgendeinen Scheiß machen, dann ist es auch ein Problem.
Man muss sagen, Typekit sind schon auch eher die Guten insgesamt, also nicht die ganz Bösen.
Also halb gut waren noch mal besser.
Also bevor sie gekauft wurden, waren sie die ganz Guten.
Naja, Scherz beiseite, man kann das schon machen.
Man muss sich nur bewusst sein, dass wenn die Schriften von extern kommen, muss man halt eben Datenschutz-mäßig was beachten.
Und es ist eine gewisse Unsicherheit da von der Verlässlichkeit.
Aber es passt schon.
Wenn man das E-Rumfliegen hat, das Creative Clouds Abo, oder der Kunde hat ein Creative Clouds Abo,
ist es manchmal eine gute Möglichkeit, auch einen Schriftklassiker zu bekommen, ohne dieses komische Page-to-Go machen zu müssen.
Sehr interessanter Hinweis.
Wir haben das tatsächlich bei uns.
Und ich habe es überhaupt nicht auf dem Schirm gehabt.
Ja gut, dann haben wir Lizensierung durch, oder gibt es da noch einen Nachtrag?
Ich glaube, wir sind dann tatsächlich mit dem Thema durch.
Wow.
Wenn niemandem mehr irgendwie was einfällt, dann sind wir echt schnell heute.
Ich habe natürlich noch Spezialfragen.
Ich habe natürlich noch Spezialfragen an unseren Gast, das ist doch klar.
Na klar.
Die wir dich nicht vorbereitet haben.
Mich würde interessieren, ob du eine Lieblingsschriftart hast.
Und also erstmal so ganz allgemein?
Nee, kann es nicht geben.
Das ist wie wenn du einen Weinkenner fragen möchtest, ob er ein Lieblingswein hat.
Das hängt immer vom Kontext ab.
Und man hat immer so bestimmte Vorlieben.
Ich hatte, also fürs Web fand ich lange Zeit die Dings sehr, sehr toll.
Die hatte ich auf meiner Webseite auch drauf.
auf Praganz.de bis vor einem halben Jahr.
Alleine die Tat, dass der Name nicht einfällt, spricht schon Bände.
Die ist auch bei Tegut im Einsatz.
Jetzt fällt es mir echt nicht ein.
Ja.
Vielleicht kommt es wieder.
Kein Problem.
Ja, ja.
Aktuell habe ich auf meiner eigenen Webseite auch eine Schrift, die ich sehr begeistert bin.
Das ist die, ach Leute, es ist schon zu spät.
Tegut habe ich hier gerade die FF Teaser oder die FF Unit Rounded.
Die Teaser natürlich.
Teaser ist perfekt, super Schrift.
Sehr organisch, sehr, sehr menschlich, sehr, sehr würzig.
Das hat echt, das sehe halt einfach Esprit.
Und ist sehr, sehr kuschelig und wohlfühlmäßig drauf.
Und auf Praganz.de, die habe ich erst gekauft, die Schrift.
Habe ich jetzt nämlich neu.
Nicht diese Handschrift, die ist ja was eigenes.
Sondern natürlich die Questa.
Questa ist eine ganze Schrift Sippe.
Sippe bedeutet das, wenn ich von einer gleichen Schrift quasi sowohl eine Serifenlose habe
oder eine mit Serifen und noch eine mit krassen, wie heißt denn das, mit Slap Serif.
Und auch sogar noch eine klassischistische irgendwie mit so krassen Strichstärkenunterschieden.
Also verschiedene Schriftgattungen, sage ich mal, die aber alle zusammenspielen.
Und die Questa ist auch toll und auch ganz günstig eigentlich auch zu haben.
Und genau, die kann man auch sehr empfehlen.
Sieht man noch nicht so oft.
Das ist eine Empfehlung von meinem Bürokollegen Florian.
Der hat sie mir empfohlen.
Ich habe lange rum recherchiert, was ich für die neue Webseite verwenden soll.
Und dann habe ich da bei der Questa zugeschlagen.
Die fand ich super.
Ja, cool.
Vielleicht auch eine Empfehlung für den oder die eine oder andere Hörerin.
Eine Frage noch, noch eine weitere Frage.
Das habe ich noch auf meinem Zettel hier.
Hast du irgendwie so eine oder zwei Sachen, wo du sagst, das wäre doch was, was die Leute
viel leicht, ganz leicht auf ihren Homepages, was Typografie angeht, besser machen können,
was dich irgendwie nervt, was du oft siehst?
Seit 2004 habe ich das schon beschrieben.
Die sollen mal ihre Anführungszeichen in den Griff kriegen, die Leute.
Es ist wirklich nicht schwer und das ist wirklich, wirklich einfach und das ist wirklich kein Problem.
Einfach Anführungszeichen, also wir kennen die berühmte 99-66-Regel.
Also die korrekten Anführungszeichen im Deutschen sehen aus wie die Zahlen 99 und 66.
99 unten, damit beginnt das Zitat und das Zitat endet mit einer 66 oben.
Das ist leicht zu machen, kann man machen, ist deutsch schreibweise.
Oder man nimmt die Guimets, die französischen Guimets.
Die sind diese Möwchen, nennt man die manchmal, diese Pfeilartigen, Doppelpfeilartigen Dinger.
Genau, richtig.
Die lassen sich im Deutschen auch sehr schön einsetzen und zwar sowohl in der französischen
Variante, quasi so wie Klammern, aber auch im Deutschen erlaubt andersrum gesetzt.
Also, dass man sie quasi umdreht und sowieso, dass das Wort so eingezwängt ist irgendwie.
Beides kann schön sein und fügt sich gut ein.
Aber auf jeden Fall alles ist besser, als immer nur das Zollzeichen zu verwenden, was einfach falsch ist.
Es sei denn, man ist tatsächlich irgendwie in so einem Monospace-Umfeld, so Schreibmaschinenartig
unterwegs, was die wenigsten aber haben.
Das ist so ein Spezialanwendungsfall.
Das ist so ein kleiner Tipp vielleicht.
Wenn man, also wir schreiben unsere Rechnungen zum Beispiel so, unsere Rechnungen sind Monospace-Fixt-Schrift.
Das heißt, die sehen so ein bisschen aus wie mit Schreibmaschine geschrieben, so mit elektrischer
Schreibmaschine.
Das hat so einen gewissen, so einen kleinen, so einen halbbehördlichen Charakter, so was
Offizielles, so wie steuererklärungsmäßig irgendwie.
Finde ich gar nicht schlecht als Rechnung so.
Das hat dann so ein bisschen mehr Wumms.
So wird ein bisschen seriöser als irgendwie, wenn es zu schön ist.
Die Rechnung muss auch so ein bisschen buchhaltungsmäßig aussehen.
Und da kann man, also Monospace kann man tatsächlich auch Zollzeichen verwenden, weil das eben
so historisch gesehen von der Schreibmaschine hergekommen ist.
Da ist das irgendwie so noch so halbwegs okay, weil es ab Schreibmaschine gab es eben dann
nur die Zollzeichen, weil das halt eben, die Schreibmaschine hatte ja begrenzte Zeichenanzahl.
Durch die Schreibmaschinen-Dingerchen und auch diese Kugelkopfmaschinen hatten ja nur begrenzte
Anzahl und da musste man sparsam sein.
Da war das okay.
Aber im sonstigen richtigen Print-Umfeld oder eben natürlich auch im Web kann man ja
verdünftige Anführungszeichen verwenden.
Das gleiche gilt natürlich für das Apostroph.
Oh ja.
Apostroph-Nutzung ist ja eh so ein Thema.
Genau.
Und auch da, selbst wenn die Leute wissen, dass es nicht einfach nur ein Minutenzeichen
ist und schon gar, also es gibt ja verschiedene Fehler.
Ich sage mal ganz kurz die wichtigsten Fehler.
Also das Apostroph ist kein Minutenzeichen.
Nee, Minuten sowieso.
Sekundenzeichen wäre es, glaube ich.
Das ist gar nicht.
Also ein einfacher Strich nach unten, das ist falsch.
Dann ist kein Axon, weder linksrum noch rechtsrum.
Ja, das sieht man auch ganz oft.
Der Axon ist viel, viel flacher.
Der ist viel flacher.
Sieht auch richtig scheiße aus.
Ja.
Sondern der Apostroph, der sieht aus wie ein Komma.
Das ist wirklich, das ist quasi vorgeschrieben.
Das ist nicht in jeder Schrift so, aber in fast allen Schriften so.
Der Apostroph sieht aus wie ein Komma, nur hochgestellt.
Genau, heißt ja auch hochkommen.
Das ist von mir aus, ja, das wusste ich jetzt gar nicht, aber ja, kann sein.
Aber es ist so und es ist so einfach.
Es ist so einfach.
Und wenn die Leute das schon richtig haben, die das Zeichen richtig haben, drehen das manchmal noch um.
Es ist dann noch auf 180 Grad gedreht, was überhaupt gar kein, das gibt es nicht, das Zeichen.
Das ist quasi, das ist, das ist, das ist, das ist, das hat kein, ich weiß nicht, wo es herkommt.
Das ist wie ein schließendes Anführungszeichen, aber es ist nicht das Gleiche.
Es ist, es ist halt ein Apostroph, es ist einfach ein Komma, nur nach oben verschoben.
Und das ist so einfach.
Und das könnte man sehr leicht verändern.
Und da kann man gleich anders drüber reden.
Vielleicht kann man an der Stelle gleich mal den, den Frontend-Entwicklern hier sagen,
merkt euch einfach und LD-Quo und und BD-Quo als HTML-Entities.
Damit kann man die nämlich auch, ohne dass man jetzt irgendwie in irgendwelchen UTF-8-Tabellen gucken und kopieren muss,
einfach die deutschen Anführungszeichen korrekt machen.
Oder kauft euch ein Mac und dann könnt ihr das mit Option-Shift-W und so.
Genau, das wollte ich.
Unter Windows ist schwieriger, da muss man nämlich die Zahl merken.
Auf dem Mac gibt es da relativ, also ich habe es inzwischen längst drin nach 20 Jahren mit meiner Muskelgedächtnis hier,
dass ich das tippen kann.
Aber ich gebe es natürlich zu, wenn man es selber tippen muss, ist es manchmal ein bisschen fummelig.
Das heißt, also, aber es ist so, dass da, wo es richtig gemacht wird,
ist es oft so, dass die Leute es aus Word herauskopiert haben.
Weil Word macht ja automatisch Korrektur.
Und dann wird es eben manchmal aus Word herauskopiert, was wir ja alle lieben.
Aber zumindest stimmen dann die Anführungszeichen.
Aber sind die korrekten deutschen Anführungszeichen auf der Mac-Tastatur nicht auch drauf?
Also ich meine, das irgendwo mal gesehen zu haben, nee?
Nicht wirklich, nee.
Also man muss das noch mit Kombinationen tippen.
Dann habe ich das falsche Erinnerung.
Also unter meinem Linux auf jeden Fall kann ich zumindest das korrekte Apostroph
auch per ganz okay erreichbarer Tastenkombination erreichen.
Habe ich mittlerweile auch im Muscle Memory drin.
Ich glaube, weiß nicht, ob ich die deutschen Anführungszeichen da irgendwie kriegen kann.
Ich glaube, das große Problem ist, dass die nicht auf den Tastaturen drauf sind.
Ich verstehe eigentlich auch gar nicht so richtig, warum.
Also was hält eigentlich die Tastaturhersteller davon ab?
Beziehungsweise die Tastaturstandardschreiber, die da vernünftig mit reinzubringen ist.
Also dass man unter Windows, keine Ahnung, alt und dann vier Zahlen tippen muss, ist ja total bekloppt.
Da stehe ich einfach nicht bei so einem wichtigen Zeichen.
Ich komme noch aus einer Zeit, wo man noch drei Zahlen tippen musste bei Windows.
Kein Witz, früher war das, da war das die Null noch nicht, von da noch nicht notwendig.
Ja, ich meine, das ist begrenzt.
Die Zahlen, die Zeichen, die wir jetzt hier haben, die sind alle irgendwie sinnvoll und haben alle ihren Sinn.
Und wenn du jetzt anfängst, das Zeichen draufzunehmen, warum dann nicht das auch noch?
Und dann irgendwann hast du dann 50.000 neue Zeichen drauf, das wird dann auch zu viel.
Ich meine, was haben wir jetzt drauf gedruckt?
Das Euro-Zeichen ist neu dazugekommen und das Ad-Zeichen ist neu dazugekommen in den letzten Jahrzehnten.
Und das war es, glaube ich, im Wesentlichen.
Aber ich finde, man könnte doch Alt-Gr könnte man doch viel häufiger nutzen.
Also wie du sagst, Zeichen, Euro-Zeichen.
Ja, da hätte man ja durchaus noch die Möglichkeit, über die Kombinationen relativ einfach was hinzuzufügen.
Ja, stimmt schon, ja.
Also die drei Zeichen irgendwie, Anführungszeichen, unten, oben, unten, Apostrophe.
Fände ich schon wichtig, ja.
Ich bin da allerdings auch desinsuliert worden.
Das ist ein Thema, was tatsächlich keine Sau interessiert.
Als Typograf ist man da sehr demütig und sagt einfach, okay, also es gibt einen schönen Ausspruch von Friedrich Forstmann, einem berühmten Typografen, der hat gesagt, Typografie ist die geheime Sorgfalt.
Das heißt, man gibt sich einen Haufen Mühe, aber es kriegt keiner mit und das ist sehr schade.
Aber man muss die Liebe dazu haben, man muss es irgendwie selber machen aus eigenem Antrieb.
Der Kunde wird es einem in aller Regel nicht danken.
Und man ist dann manchmal hoch erfreut, wenn es einen Kunden mal gibt, der da mal irgendwie Wert drauf legt und auch bereit ist, dafür Geld auszugeben, weil man ja auch dran sitzt, auch eine Zeit lang.
Aber die allermeisten Kunden haben das nicht und man muss einfach so viel Sorgfalt und so viel so reinpacken, dass es halt gerade noch so im Rahmen ist und im Budget ist und nicht so auffällt.
Dass man selber, dass man so eine Mischung findet, dass man sich selbst noch in den Spiegel gucken kann, aber dass man auch im Budget bleibt noch.
Und das ist manchmal, ja, manchmal ist es schwierig, aber ja, das ist so der eigene Antrieb.
Sehr schöne Abschlussworte.
Das wollte ich gerade auch sagen, das ist perfekt, um es abzuschließen. Sehr gut.
Schön.
Dann machen wir direkt weiter.
Ja, machen wir weiter.
Und wir haben heute sogar zwei, beziehungsweise anderthalb.
Haben wir ein halbes? Gerrit, hast du ein halbes?
Genau, Gerrit hatte ja was geplant, was jetzt leider nicht geklappt hat, aber lass uns mal drüber reden.
Wir reden trotzdem drüber.
Also ich hatte mir, wie viele andere, glaube ich, vor einigen Monaten ein Funmove, Auto sag ich schon, ein Funmove E-Bike bestellt, das ja gerade der heiße Scheiß ist.
Also das ist ein stylisches City E-Bike, Pedelec, was so sehr stark vernetzt ist, was ziemlich viel Kram drin hat.
GPS und Smartphone-Steuerung und alles ist eingebaut.
Hat eine Diebstahlsicherung drin.
Es sieht ziemlich stylisch aus, wird alles irgendwie im Rahmen versenkt.
Der Akku ist nicht sichtbar und ganz wenig Kabel sind sichtbar.
Die Schaltung, Viergangsschaltung ist automatisch und man sieht sie auch fast nicht.
Sehr, sehr reduziertes Design.
Und das Wichtige ist, dieses Fahrrad ist reduziert worden von 3.600 Euro auf 2.000 Euro.
Also gigantische Preissenkung, was dazu geführt hat, dass das Ding halt jetzt wirklich gebaut wird.
Wie blöd, aber sehe ich nicht hinterherkommen mit den Lieferzeiten.
Ich hatte eine Lieferzeit von 20. September.
Das wäre jetzt vorgestern gewesen.
Da hätte ich jetzt toll berichten können darüber.
Aber jetzt ist es verschoben worden vor einer Woche oder vor zwei auf den 10. November.
Also acht Wochen nach hinten verschoben worden.
Und ich ärgere mich sehr, weil ich freue mich sehr auf das Fahrrad.
Und jetzt beginnt der Winter.
Ich bin jeden Tag unterwegs.
Mein kleines Söhnchen zur Kita bringen und wieder abholen.
Ich muss einen Berg raufstrampeln mit dem Anhänger hinten dran.
Und das ist alles ganz furchtbar.
Und ich würde das total gerne lösen mit dem E-Bike.
Und das klappt jetzt erstmal nicht.
Aber ja, ich wollte es trotzdem irgendwie als Konzept auf jeden Fall empfehlen.
Ich habe das noch nicht Probe fahren können, weil ich habe einfach mal blind bestellt.
Man kann es nämlich auch zurückgeben nach zwei Wochen, wenn es einem nicht gefällt, ohne Angabe von Gründen.
Man kann so Probe fahren.
Ja, die haben kein Händlernetz.
Man muss es online bestellen.
Man kann es nur in ganz bestimmten Orten Probe fahren.
Bei wenigen Großstädten in Deutschland.
Und deswegen, wenn man es kauft, kann man es einfach zurückschicken, wenn es einem nicht gefällt.
Das werde ich auch nutzen, wenn es mir nicht gefällt.
Aber ich habe gehört, es gibt anwesende Personen, die es schon Probe gefahren sind.
Ja, ich bin schon Probe gefahren hier in Karlsruhe, war so ein Pop-Up-Store.
Und ich, keine Ahnung, ich bin durch so ein YouTube-Video irgendwie drauf gestoßen und habe so gedacht,
Mensch, das ist das Fahrrad, das so aussieht, wie ich mir schon immer gewünscht habe, dass ein Fahrrad aussehen soll.
Jetzt mal ganz abgesehen von den ganzen coolen Funktionen, also der Diebstahlschutz, der ist sehr beeindruckend.
Also ihr könnt es ja gerne irgendwie mal googeln und euch mal angucken.
Das ist echt cool.
Und ich bin vorher auch noch nie ein E-Bike-Pedelec gefahren.
War für mich eine ganz neue Erfahrung.
Ich fand es ganz interessant.
Also man kann an der Ampel ganz gern mal die Autos abziehen, wenn man da mal einmal Vollgas gibt.
Ich fand es ein bisschen schade, dass irgendwo dann so eine Grenze ist.
Also ab einer gewissen Geschwindigkeit wird nicht weiter beschleunigt vom Akku.
Aber ich glaube, das ist irgendwie eine deutsche oder EU-Richtlinie.
Das ist nur bis so und so viel.
Ja, das ist gesetzlich.
Ich fahre schon E-Bike mit meinem Vater, hat ein E-Bike und so.
Ich bin mir das gewohnt.
Das hilft bis 25 mit.
Und dann bricht es ab, sag ich mal.
Dann merkt man auch so richtig, dass man da nicht mehr weiterkommt irgendwie.
Das ist in Deutschland 25, ist in Amerika jedoch 33.
Und beim Fun-Move kannst du aber in der App umschalten auf den Amerika-Modus.
Und dann bis 33 schon.
Ist aber links tatsächlich verboten.
Richtig verboten in Deutschland.
Das heißt, wenn du dich erwischen lässt und einen Unfall baust mit 33 kmh und hast es eingeschaltet gehabt,
hast du richtig Ärger an der Backe.
Also darf man auf keinen Fall empfehlen.
Also nur im privaten Bereich ausprobieren.
Das ist wie mit den Blitzerwarnern im Navi, die man ja auch in Deutschland nicht nutzen darf.
Aber es ist einfach nur ein Setting.
Aber das macht natürlich niemand.
Genau.
Ja, also ich habe noch so ein Feedback.
Eine Sache, die ich daran ein bisschen merkwürdig fand.
Ich weiß auch nicht, ob es irgendwie falsch eingestellt war oder ob das bei E-Bikes normal ist.
Ich hatte so das Gefühl, wenn ich jetzt selbst trete, also so schnell, dass da irgendwie keine Unterstützung mehr kommt,
dass das dann schwerer geht, als wenn ich jetzt mit einem normalen Fahrrad fahren würde, wo kein Motor dran ist.
Also das fand ich dann irgendwie ein bisschen doof, weil ich so dachte, naja, wenn ich irgendwie jetzt den Motor ausschalte, dann bremst mich das irgendwie.
So war mein Gefühl, aber wie gesagt, das kann auch sein, dass da irgendwas falsch eingestellt war an der Stelle.
Ja, durchaus ist es so, dass das ist durchaus ein bekanntes Phänomen, dass diese E-Bikes natürlich nicht optimiert sind.
Die sind erstmal natürlich erstmal alle durch die Bank halt schwerer.
Also fast alle sind deutlich schwerer als normale Bikes.
Und dadurch, dass du bei vielen E-Bikes auch den Motor halt dann irgendwie mitbewegen musst und so weiter.
Und das ist schon, das ist nicht das Gleiche.
Also wenn du ein richtig schlankes, cooles Fahrrad hast ohne Motor, dann ist natürlich das leichter zu bewegen bei den Geschwindigkeiten,
wenn der Motor nicht mehr mithilft.
Das ist schon, du sollst es schon mit Motor fahren.
Ohne Motor fahren ist doof, will man nicht haben.
Und deswegen, ja.
Also falls mal Funmove zuhört, ich hätte gerne das Fahrrad nur ohne Motor, bitte.
Und zwar, es soll genauso aussehen, die gleichen Funktionen haben, aber den Motor könnt ihr von mir aus ausbauen.
Gangschaltung dann gerne irgendwie was Normales.
Das hatten die früher, die sind ja umgestiegen.
Also Funmove gibt es ja seit elf Jahren.
Und die haben aber erst vor fünf oder sechs Jahren das erste E-Bike gemacht.
Also die hatten vorher, war deren Ziel, alles so sleek zu haben, alles zu verstecken.
Sämtliche Kabel und alles irgendwie, sodass es ganz, ganz schlicht aussieht.
Und das Licht war eingebaut.
Das war ein wichtiger Punkt bei denen.
Das Licht war im Rahmen eingebaut.
Oder das Ur-Funmove.
Und diese S-Electrified, S1, S2, S3, die Generationen, die gibt es erst seit wenigen Jahren.
Das ist neu quasi.
Also wenn du noch ein altes auftreiben kannst von denen, dann hat es keinen Motor drin.
Also ich finde einfach, es ist einfach ein sehr, sehr hübsches Fahrrad.
Und ich finde es so die Essenz von einem Fahrrad, so wie es einfach aussieht.
Und eben genau was du sagst, dass das Licht irgendwie so richtig eingebaut ist.
Das finde ich einfach ein cooles Feature.
Und ich hätte aber auch ganz gerne diese Diebstahlsicherung mit drin.
Das ist der Hammer.
Das ist auch ein Grund, warum ich es nicht mehr haben, warum ich es dann auf jeden Fall haben möchte.
Weil ich muss kein Schloss mehr mitnehmen.
Die Diebstahlsicherung funktioniert so untermassen.
Du haust so einen Knopf mit dem Fuß, so einen Kicklock heißt es, haust du rein.
Und dann ist es gesichert.
Und du kannst es nur entsperren, wenn du dein Smartphone in der Nähe hast.
Also per Bluetooth kann es dann quasi entsperrt werden.
Und wenn jemand das Ganze versucht dann wegzutragen oder so bewegt, dann macht es furchtbar laute Geräusche.
Und wenn es dann trotzdem, und das ist das Coole, wenn es dann trotzdem jemand klaut, weil er es vielleicht nicht stört und es trotzdem mitnimmt, dann gibt es eine Garantie.
Kannst du buchen.
Drei Jahre lang habe ich auch gemacht.
Diebstahlgarantie.
Das heißt, die verfolgen den Dieb per GPS, das Fahrrad erinnert ja, wo es ist, verfolgen den Dieb und klauen das dann zurück oder sowas.
Keine Ahnung, schalten dann die Behörden ein und liefern es dir zurück.
Wenn sie es in zwei Wochen aber nicht schaffen, das zurückzuliefern, kriegst du ein neues einfach.
So, Ende der Geschichte.
Und das macht es mich extrem easy zu sagen, guck mal, ich lasse es mit dem Schloss sein.
Ich lasse es einfach stehen, mache das Schloss rein und wenn es mir gestohlen wird, who cares, kriege ich zwei Wochen ein neues.
So oder so.
Geniales Konzept.
Gibt es da irgendwie noch einen Fallback-Mechanismus oder ist dann wirklich, wenn dein Handyakku leer ist, dann ist es halt vorbei?
Es gibt ein Fallback.
Du kannst eine Kombination eingeben über die Klingel und dieses Ding, diese zwei Knöpfe, die das Ding hat, ist dann mega umständlich, so Morse-Code-mäßig.
Verrückt.
Geht, ist aber nicht zu empfehlen.
Für den Notfall.
Okay, aber gut zu wissen.
Ja, für den Notfall, genau.
Cool.
Ja, tatsächlich geil.
Ja, wirklich.
Ja, ich habe auch noch einen Geilteil, passend zur Typo-Folge.
Und zwar ist es ein Font.
Ich weiß nicht, ob ihn vielleicht schon jemand kennt.
Mir ist er jetzt erst vor kurzem über den Weg gelaufen, vor ein paar Tagen.
Und zwar heißt er Liebe Heide.
Und das Besondere daran ist, da habe ich irgendwie schon den Nerv getroffen.
Das Besondere an dem ist, der sieht halt aus wie wirklich mit einem Kugelschreiber geschrieben von Hand und ist wirklich sehr, sehr hübsch.
Und wir hatten ja vorhin es auch schon von Ligaturen und die sind da tatsächlich auch sehr, sehr clever genutzt, dass da zum Beispiel so richtig handgemaltes Smileys mit drin sind, wenn ich Doppelpunkt minus Klammer mache zum Beispiel oder Herzchen oder Pfeile.
Und noch viel cooler wird das mit unterstreichen, weil ich kann dann zum Beispiel ein Ist-Gleich hinter ein Wort schreiben und dann ist das unterstrichen.
Ich weiß zwar nicht genau, warum man das so macht, aber okay.
Nur ganz kurz Klugscheißer-Modus.
Das sind wahrscheinlich keine Ligaturen, sondern tatsächlich Contextual Alternates.
Das wollte ich jetzt nur mal kurz einwerfen, weil ich mal was weiß.
Nein, super. Ich lasse mich ja gerne korrigieren. Das hatten wir ja auch schon öfter. Ich rede ja auch manchmal Mist.
Interessant auch, dass man durchstreichen kann mit zum Beispiel, wenn ich jetzt ein N durchstreichen will, ist da als Beispiel auf der Seite so N-Minus-Minus.
Und dann ist das tatsächlich wie, als hätte jemand mit einem Kugelschreiber einen Text durchgestrichen.
Also es sieht wirklich fantastisch aus.
Die erste, also meines Wissens nach, also die erste Schrift in so Handschrift, die ich sehe, wo ich wirklich das Gefühl habe, die sieht wirklich echt aus wie eine Handschriftart.
Also das ist echt der Wahnsinn, sieht super aus.
Ja, ja, das ist exakt das, was ich auch dazu sagen wollte. Das ist der Wahnsinn.
Liegt aber auch daran, dass die, dass die erste Schrift ist oder eine der ersten Schriften, die Color fonts verwendet.
Das ist eine ganz andere Technologie.
Bisher ist es so, dass Schriften immer nur ohne Farbe waren.
Die haben einfach immer nur schwarz-weiß.
Alles war immer nur mit Bezier-Kurven, also mit Vektorformen.
Einfache, schwarz und weiß.
Also halt eben monochrom.
Und die Liebe Heide ist die erste Schrift, die wirklich auch mit Zwischentönen und mit kratzigen Texturen arbeitet und auch mit Schriftfarbe arbeitet insofern, dass du quasi...
Hat die also so eine Transparenz dann mit drin?
Ja, ich weiß, ich habe mich nicht genau damit beschäftigt, aber es ist eine neue Technologie, die auch noch nicht überall funktioniert, glaube ich.
Aber da, wo es funktioniert, ist es halt perfekt.
Ich weiß gar nicht genau, wie das genau funktioniert, aber auf jeden Fall die Idee ist, dass hier halt wirklich ein Marker, so ein Text, nicht Marker, wie sagt man das?
Hier steht Natural Ballpoint Pen.
Was immer ein Ballpoint Pen ist.
Kugelschreiber.
Also nicht, ja gut, Ballpoint Pen ist, glaube ich, noch ein bisschen was anderes.
Das sind diese mit diesen...
Da ist auch so eine Kugel vorne drin, die so flüssig schreiben, so Feinliner oder wie man auf Deutsch dazu sagt.
Und das wird damit simuliert und das sieht halt einfach wirklich verblüffend aus.
Man muss sagen, dass die Ulrike Rausch, die das macht, Liebe von uns macht das schon seit einigen Jahren, die macht nur solche Handschriften eigentlich, oder fast ausschließlich.
Und der hat sich auch spezialisiert so ein bisschen diese sehr weiblich wirkenden Handschriften und das ist wohl jetzt so das Neueste von ihr.
Und die sind schon, das ist ein spezieller Anwendungsfall, das kann man nicht überall verwenden, aber es ist spektakulär eigentlich, muss man sagen.
Ja, grandios, fand ich auch.
Cool.
Also ich glaube, ich habe da, glaube ich, noch ein spontanes Geilteil dazu, das ich mir jetzt gerade noch schnell aufgeschrieben habe, weil wir uns jetzt auch gerade beschäftigt haben, so ein bisschen mit dem Schriftart erstellen.
Und das aber bei weitem nicht jetzt professionell machen, sondern eher so als kleines Gimmick für den Kunden.
Und wir sind da auf was gestoßen, wir haben es jetzt selber noch nicht gekauft und ausprobiert, aber es gibt ein Plugin für Illustrator.
Das heißt Fontself und das hat auch als Feature eben diese Color-Font-Geschichte.
Also da ist ein Beispiel, wenn man auf fontself.com geht, wo wirklich so ein komplett bunter Buchstabe mit Farbverlauf sogar drin ist, die komplette Schriftart ist so aufgebaut.
Also wer damit mal experimentieren will, wie gesagt, ich habe keine eigenen Erfahrungswerte bisher, aber das sieht sehr vielversprechend und sehr intuitiv und einfach erlernbar aus.
Wenn man da experimentieren will, das kostet irgendwie einmalig 40 Euro mit Lifetime-Updates oder so.
Also ist jetzt nicht so die Stange Geld.
So, dann hat jetzt jeder sogar noch einen Geilteil gehabt.
Genau, also vielleicht ergänzend, also Color-Fonts sind quasi so das, was, ja, vielleicht auch ein bisschen so wie Variable-Fonts, so neuer heißer Scheiß.
So der alte Schule-Typograph rümpft da ein bisschen die Nase.
Ich weiß gar nicht genau, wo ich mich da verorte, ehrlich gesagt.
Ich finde es interessant.
Aber es ist eine Sache, die jetzt zu beobachten gilt, die wirklich jetzt auch neu ist.
Also das ist was Neues.
Muss man einfach mal gucken, wie das sich entwickelt.
Wunderbar.
Auch das wieder ein schönes Schlusswort.
Ja.
Sehr schön.
Ja, das kann ich, ne?
Der Mann der schönen Schlusswörter.
Wir könnten dich öfter einladen.
Einfach nur, einfach nur für das Schlusswort, weil der Schluss ist bei uns immer etwas chaotisch.
Ja, obwohl heute, ich merke jetzt das Bier gar nicht so schlimm.
Eigentlich finde ich jetzt, ich fühle mich jetzt noch ganz gut.
Wir könnten noch ein bisschen weitermachen, dann mache ich mir noch einen.
Wir haben nur keinen End-Jingle, immer noch nicht, für das Ende zwischen Geilteil und, da fehlt uns noch was.
Aber damit sind wir, glaube ich, dann echt am Ende jetzt, ne?
Ja, am Ende, aber diesmal nicht so ganz, also geistig noch nicht, aber.
Ich bin auch noch halbwegs fit, ja, noch nicht am Einschlafen.
Das heißt, wir machen jetzt noch ein bisschen Werbung.
Ich muss sagen, wenn wir nicht hire.
Ja, achso, Werbung wofür?
Werbung für uns.
Ah, cool, auf geht's.
Wir machen keine Werbung für Geld derzeit noch nicht, also, ja, ist ein schwieriges Thema.
Wir wollen natürlich auffordern, bewertet uns auf Podcast-Portalen mal wieder.
Teilt uns auf Social Media, irgendwie Twitter, da wäre es irgendwie nett.
Ihr dürft uns da auch gerne mal antworten.
Kommentiert auch mal bitte wieder.
Wir kriegen so wenige Kommentare.
Das wird mal wieder Zeit.
Wir müssen mal wieder ein bisschen sauer mit euch sein.
Mal wieder ein paar Getränke versprechen.
Beim ersten Mal hat das funktioniert.
Also, ich kann dazu sagen, Kommentare sind doch tot, oder?
Ja, irgendwie schon.
Das geht's nicht.
Ich habe es ja jetzt auch aufgeschaltet bei mir.
Also, Blog-Kommentare macht man nicht mehr.
An Twitter, da findet es auch statt, oder?
Die Diskussion.
Vielleicht noch ein Slack oder sowas.
Noch eher als auf unserer Seite tatsächlich, aber auch.
Ich mag Slack überhaupt nicht, aber, ja, nee, also, Web-Kommentare sind vorbei.
Ja, Slack ist ein gutes Stichwort.
Spamt eure Firmenchats.
Empfehlt uns weiter.
Genau, überall da, wo es nicht erlaubt ist.
Jetzt, wo es geht.
Spendet, genau.
Würden wir uns extrem drüber freuen und wir werden jeden, der spendet, auch hier mal
erwähnen, einfach so Twitch-mäßig, wie ich es vorhin schon gesagt habe.
Direkt Instant Gratification.
Ihr kriegt auch was zurück dafür.
Und wir trinken Bier davon.
Vielen Dank.
Gut, dann, ja, apropos vielen Dank.
Dann auch vielen Dank an Gerrit.
Vielen Dank, dass du dabei warst.
Hat Spaß gemacht.
War mir eine Freude.
Ja, vielen Dank.
Ja, vielen Dank auch von meiner Seite.
War echt cool.
Also, einer meiner alten Helden.
Einen meiner alten Helden mal zu sprechen.
Ja, kann man ruhig mal so sagen.
Und dann würde ich auch sagen, dem Mann der schönen Worte überlasse ich gerne auch
das Schlusswort.
Gerrit, möchtest du noch irgendwas zum Abschluss sagen?
Ich sehe es vor, dass ich hier noch was Tolles sage.
Ja, klar.
Weiß ich nicht.
Setzt die Masken auf und meidet Veranstaltungen.
Das ist vielleicht ganz wichtig.
Perfekt.
Bis zum nächsten Mal.
Untertitelung des ZDF für funk, 2017