WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: Webtypografie mit Gerrit van Aaken
Publishing Date: 2020-09-27T12:37:45+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/webtypografie-mit-gerrit-van-aaken/

00:00:00.000 --> 00:00:04.600
 Wo wir sind, ist vorne, Folge 14. Heute sprechen wir mit Gerrit von Aken über Webtypographie.

00:00:04.600 --> 00:00:23.680
 Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzelein.

00:00:23.680 --> 00:00:27.700
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

00:00:30.000 --> 00:00:39.420
 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und Javascript-Jongleur Konstantin Groß.

00:00:39.420 --> 00:00:48.980
 Heute zu Gast Webtypograph und Frontend-Entwickler alter Schule Gerrit von Aken.

00:00:54.300 --> 00:01:03.320
 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.

00:01:03.320 --> 00:01:04.360
 Hallo Moritz.

00:01:04.360 --> 00:01:05.080
 Hi.

00:01:05.520 --> 00:01:11.000
 Sondern ganz besonders auch, dass ich unseren allerersten Gast begrüßen darf, Gerrit von Aken. Hi, Gerrit.

00:01:11.000 --> 00:01:13.260
 Yay, hallo, guten Tag.

00:01:13.260 --> 00:01:14.220
 Schön, dass du da bist.

00:01:14.220 --> 00:01:16.200
 Ah, jetzt sehen wir dich auch sehr gut.

00:01:16.200 --> 00:01:18.580
 Ja, hast du Bild? Ich habe immer noch ein Standbild.

00:01:18.580 --> 00:01:20.440
 Ja, nee, ist alles super jetzt.

00:01:21.320 --> 00:01:38.400
 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.

00:01:39.120 --> 00:01:49.880
 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.

00:01:49.880 --> 00:01:58.420
 Ja, wunderbar. Hat ein bisschen gedauert, aber jetzt nach der Sommerpause sind wir durchgestartet und am Start.

00:01:58.420 --> 00:02:08.740
 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?

00:02:08.740 --> 00:02:11.780
 Ja, mit viel Sorgfalt formuliert natürlich die Twitter-Biografie.

00:02:11.780 --> 00:02:13.660
 Ja klar, wie das so ist.

00:02:13.660 --> 00:02:15.040
 Sehr wichtig.

00:02:15.040 --> 00:02:19.060
 Was verstehst du denn darunter und vielleicht kannst du dich einfach mal selber vorstellen.

00:02:19.060 --> 00:02:33.100
 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.

00:02:34.000 --> 00:02:50.540
 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.

00:02:50.540 --> 00:03:07.440
 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.

00:03:07.580 --> 00:03:23.280
 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.

00:03:23.280 --> 00:03:31.260
 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.

00:03:31.260 --> 00:03:38.880
 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.

00:03:39.180 --> 00:03:45.400
 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.

00:03:45.400 --> 00:03:51.820
 Du bist außerdem Autor des Webtypo-Buchs. Verlinken wir natürlich auch in den Shownotes.

00:03:51.820 --> 00:03:58.280
 Ja, das ist schon eine ganze Weile her. Ich wette, das ist schon acht Jahre her inzwischen. Soll ich kurz berichten?

00:03:58.280 --> 00:04:02.680
 Gerne, gerne, wie es dazu gekommen ist, wie du dazu zu dem Thema gekommen bist. Gerne.

00:04:03.380 --> 00:04:16.200
 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.

00:04:16.200 --> 00:04:32.420
 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.

00:04:33.020 --> 00:04:44.820
 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.

00:04:45.580 --> 00:04:58.060
 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.

00:04:59.100 --> 00:05:14.520
 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.

00:05:15.580 --> 00:05:24.700
 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.

00:05:27.260 --> 00:05:42.260
 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.

00:05:42.920 --> 00:05:51.980
 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.

00:05:51.980 --> 00:06:01.060
 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?

00:06:02.100 --> 00:06:17.940
 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.

00:06:17.940 --> 00:06:22.740
 Schade, jetzt wollte ich gerade die Hörer und Hörerinnen darauf ansetzen, das unbedingt zu tun.

00:06:24.040 --> 00:06:33.500
 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.

00:06:33.500 --> 00:06:35.340
 Okay, guter Anweis.

00:06:35.340 --> 00:06:38.440
 Oh, das wird mal Zeit für eine neue Auflage. Entschuldigung.

00:06:38.440 --> 00:06:48.460
 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.

00:06:48.900 --> 00:06:59.840
 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.

00:06:59.840 --> 00:07:07.160
 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.

00:07:07.160 --> 00:07:16.240
 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.

00:07:16.240 --> 00:07:21.520
 Aber jetzt zurzeit muss ich einfach Brandplotzen, Geld verdienen, Kunden zufriedenstellen.

00:07:21.520 --> 00:07:22.320
 Ja, klar.

00:07:22.320 --> 00:07:32.340
 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.

00:07:32.340 --> 00:07:40.940
 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.

00:07:41.300 --> 00:07:44.180
 Und weißt du noch ungefähr, wann das war, das Blog?

00:07:44.180 --> 00:07:49.720
 Ja, das war 2005, 2006, glaube ich, gewesen. So ungefähr.

00:07:49.720 --> 00:07:57.200
 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.

00:07:57.640 --> 00:08:05.780
 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.

00:08:05.780 --> 00:08:15.160
 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.

00:08:15.800 --> 00:08:26.040
 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.

00:08:28.040 --> 00:08:36.040
 Kann das sein? Die erste Club Marte war doch vor 2007, oder? Ich bin seit 2007 auf Twitter, glaube ich, oder 2000, ja.

00:08:36.040 --> 00:08:47.280
 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.

00:08:47.280 --> 00:08:49.220
 Eher im Blog, glaube ich. Ich glaube eher im Blog.

00:08:49.740 --> 00:09:00.800
 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.

00:09:00.800 --> 00:09:14.580
 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.

00:09:15.540 --> 00:09:18.920
 Ja, ist auch vielleicht der Effekt dann auch gut mit mehr Zucker und so.

00:09:18.920 --> 00:09:24.000
 Wenn wir schon bei Getränken sind, dann können wir gleich zur Getränkefrage kommen, zur Bierfrage.

00:09:24.000 --> 00:09:26.360
 So, ja.

00:09:26.360 --> 00:09:27.480
 Soll ich anfangen?

00:09:27.480 --> 00:09:27.860
 Ja.

00:09:27.860 --> 00:09:38.660
 Ich habe heute ein Kamba aus Bayern, heißt das, glaube ich. Hoppla, Dry Hop Lager. Ich bin gespannt. Ich kenne das noch nicht.

00:09:39.600 --> 00:09:51.100
 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.

00:09:51.100 --> 00:09:53.200
 Und dann wird der Moritz, ja, wird dann ein bisschen komisch.

00:09:53.420 --> 00:09:58.740
 Ja, und wir merken dann immer schnell, wenn es vorbei sein muss. Also, das habe ich auf jeden Fall. Ich, Konstantin, was hast du?

00:09:58.940 --> 00:10:01.320
 Ich habe ein San Miguel aus Spanien.

00:10:01.320 --> 00:10:02.580
 Ah ja.

00:10:02.580 --> 00:10:30.860
 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.

00:10:31.960 --> 00:11:00.400
 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.

00:11:01.340 --> 00:11:09.280
 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.

00:11:09.280 --> 00:11:13.180
 Trinke ich auch ab und zu ganz gerne. Werde ich mir mal, auch mal zu Gebüte führen.

00:11:13.820 --> 00:11:18.760
 Genau. Jetzt machen wir mal. Einmal so.

00:11:18.760 --> 00:11:21.760
 So, dann schlossen wir mal an.

00:11:21.760 --> 00:11:22.580
 Und remote zu brusten.

00:11:22.580 --> 00:11:31.040
 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.

00:11:31.040 --> 00:11:31.760
 Oh, gefährlich.

00:11:31.760 --> 00:11:32.100
 Gefährlich.

00:11:32.100 --> 00:11:33.660
 Deswegen müssen wir das alles virtuell machen.

00:11:33.660 --> 00:11:37.440
 Ja, da blieb es dann aber auch nicht bei einem Bier. Deswegen ist das schon ganz gut so.

00:11:37.440 --> 00:11:42.240
 Oh, sehr hopfig. Ja. Hätte man auch nicht erwarten können bei dem Namen Hoppla.

00:11:44.240 --> 00:11:57.100
 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.

00:11:57.100 --> 00:12:04.020
 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.

00:12:04.020 --> 00:12:05.980
 Ach, das stimmt doch gar nicht.

00:12:05.980 --> 00:12:08.280
 Ja, ich suche mal aus, welche das war.

00:12:08.280 --> 00:12:10.660
 Es gibt keine Beweise. Es ist alles nur Audio.

00:12:10.660 --> 00:12:13.160
 Ich schneide das alles mit.

00:12:13.940 --> 00:12:20.000
 Es gibt ja einen Podcast, einen Frontend-Podcast, der auf dem Konzept Alkohol aufsetzt. Frontend Happy Hour heißt der.

00:12:20.000 --> 00:12:27.940
 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.

00:12:27.940 --> 00:12:28.900
 Oh je.

00:12:28.900 --> 00:12:29.380
 Sehr schön.

00:12:29.380 --> 00:12:31.440
 Führen wir Licht ein.

00:12:31.440 --> 00:12:34.940
 Führen wir nicht. Erstmal nicht. Wir können aber eine Spezialfolge machen.

00:12:34.940 --> 00:12:41.920
 Gut, dann kommen wir doch gleich zu unserem ersten Dingens-Kategorie-Themenbereich.

00:12:42.700 --> 00:12:44.000
 Darfst du das auch mit drücken, oder?

00:12:44.000 --> 00:12:44.500
 Nee.

00:12:44.500 --> 00:12:47.520
 Irgendwie haben mir die zwei Schluck Bier schon gereicht.

00:12:47.520 --> 00:12:55.420
 BBS e.V. präsentiert die Retrospektive.

00:12:58.700 --> 00:13:07.160
 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.

00:13:08.440 --> 00:13:16.360
 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?

00:13:16.360 --> 00:13:17.500
 Ja, natürlich, klar.

00:13:17.980 --> 00:13:23.560
 Und zwar geht es um das Thema BEM. Kennt ihr alle? Block, oh Gott, Block.

00:13:23.560 --> 00:13:24.460
 Element Modifier.

00:13:24.460 --> 00:13:32.200
 Element Modifier, so rum. Und da arbeiten wir auch seit drei, vier Jahren damit, eigentlich relativ konsequent, auch ziemlich streng eigentlich sogar.

00:13:32.660 --> 00:13:39.160
 Und da habe ich heute Morgen aber die Erkenntnis gehabt, dass man bei bestimmten Situationen auch BEM lieber sein lassen sollte.

00:13:39.680 --> 00:13:49.000
 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.

00:13:49.000 --> 00:13:52.400
 Und diese Kästen, man kennt das ja, so Kachelprinzip, ne?

00:13:52.400 --> 00:14:00.940
 Und diese Kästen sind aber alle sehr unterschiedlich gestaltet, haben also ganz viele verschiedene Styles, Modifier und so weiter.

00:14:00.940 --> 00:14:08.300
 Sie sind alle so, es gibt ganz viele Kombinationen von Stylings, die man machen muss, die sich gegenseitig auch teilweise dann überschreiben und so.

00:14:08.300 --> 00:14:10.460
 Also es ist ein sehr komplexes System und so.

00:14:10.460 --> 00:14:18.540
 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.

00:14:18.540 --> 00:14:29.220
 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.

00:14:29.220 --> 00:14:38.260
 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,

00:14:38.300 --> 00:14:46.020
 wenn man doppelt, also diese Kombination von verschiedenen Styling-Optionen, habe ich im BEM nicht zusammengekriegt und das war sehr, sehr kompliziert.

00:14:46.020 --> 00:14:50.540
 Und dann habe ich gesagt, komm, fuck it, in dem Bereich der Webseite lasse ich das BEM mal sein.

00:14:51.100 --> 00:15:04.360
 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.

00:15:04.760 --> 00:15:18.760
 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.

00:15:19.320 --> 00:15:24.360
 Deswegen muss man da so ein bisschen was machen, was das BEM, die BEM-Regeln bricht.

00:15:24.360 --> 00:15:29.240
 Also man muss da so ein bisschen pragmatisch denken auch und nicht zu streng sein.

00:15:29.240 --> 00:15:31.400
 Das finde ich auch generell immer.

00:15:31.400 --> 00:15:32.880
 Nimm das, was dir hilft.

00:15:33.460 --> 00:15:40.440
 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.

00:15:40.440 --> 00:15:42.040
 Genau, genau.

00:15:42.040 --> 00:15:46.580
 Und dann habe ich noch ein bisschen Code-Kommentare reingemacht, dass man hier ganz bewusst das gemacht hat und dann ist es auch gut.

00:15:46.580 --> 00:15:51.340
 Und dieser Bereich ist auch relativ abgetrennt vom Rest der Webseite, deswegen ist es auch in Ordnung.

00:15:51.340 --> 00:15:53.140
 Da wird so nichts anderes überschrieben oder so.

00:15:53.140 --> 00:15:54.700
 Deswegen hat das schon gepasst.

00:15:54.700 --> 00:15:56.880
 Und das war meine Erkenntnis der Woche.

00:15:56.880 --> 00:15:58.260
 Ja, cool.

00:15:58.260 --> 00:15:59.000
 Ja, danke schön.

00:15:59.000 --> 00:16:00.660
 Jetzt muss ich weitermachen, oder?

00:16:00.660 --> 00:16:01.840
 Du darfst weitermachen.

00:16:03.460 --> 00:16:05.980
 Ja, ich weiß gar nicht, wo ich anfangen soll.

00:16:05.980 --> 00:16:07.080
 Ich habe so viele Themen.

00:16:07.080 --> 00:16:08.440
 Vielleicht lasse ich auch irgendwie was weg.

00:16:08.440 --> 00:16:11.140
 Wir sind doch gut in der Zeit, Moritz.

00:16:11.140 --> 00:16:13.580
 20 Minuten ist doch nichts für unseren Einstieg.

00:16:13.580 --> 00:16:14.840
 Ja, komm.

00:16:14.840 --> 00:16:17.840
 Also wir haben, glaube ich, die drei Stunden haben wir noch nie gerissen, oder?

00:16:17.840 --> 00:16:18.980
 Nee, müssen wir auch nicht.

00:16:18.980 --> 00:16:20.400
 Also, nee, müssen wir auch nicht.

00:16:20.400 --> 00:16:27.000
 Mein erstes Thema ist, ihr habt es vielleicht schon gesehen, auf der Homepage, vielleicht auch im Feed, vielleicht auch auf Twitter.

00:16:27.000 --> 00:16:28.440
 Man darf uns jetzt spenden.

00:16:28.440 --> 00:16:32.140
 Und wenn ihr spendet, dann sponsert ihr quasi eine Folge.

00:16:32.340 --> 00:16:38.440
 Also, bei buymeacoffee.com slash www.sev könnt ihr uns mal irgendwie so drei Euro spenden oder auch sechs.

00:16:38.440 --> 00:16:41.400
 Wir haben es mal als Bier markiert.

00:16:41.400 --> 00:16:47.680
 Ihr könnt uns Bier kaufen, aber wir werden wahrscheinlich auch nicht nur Bier von den Spenden bezahlen, sondern auch Pizza.

00:16:48.900 --> 00:16:54.000
 Oder eben auch unsere Domain bezahlen, die relativ teuer ist, eine .show-Domain.

00:16:54.000 --> 00:16:55.120
 Ich weiß nicht, wer so eine hat.

00:16:55.120 --> 00:16:56.700
 Ich weiß nicht, wer sich das ausgedacht hat.

00:16:56.700 --> 00:16:58.680
 Das war ich.

00:17:01.140 --> 00:17:03.460
 Genau, also, wir würden uns extrem freuen.

00:17:03.460 --> 00:17:09.860
 Das fließt alles nur in die Qualität und die Fortführung dieser Sendung und eine kleine Spende wäre irgendwie schön.

00:17:10.360 --> 00:17:16.180
 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.

00:17:16.180 --> 00:17:17.840
 Also, ich denke mal, den Namen kann man auch sagen.

00:17:17.840 --> 00:17:19.520
 Das ist ja auch öffentlich, der Kommentar.

00:17:19.520 --> 00:17:21.960
 Verena Böke, unsere erste Spenderin.

00:17:22.540 --> 00:17:25.560
 Und hat uns auch einen sehr netten Kommentar hinterlassen.

00:17:25.560 --> 00:17:26.920
 Das hat mich sehr gefreut.

00:17:26.920 --> 00:17:28.740
 Sehr schön, so Feedback zu bekommen.

00:17:28.740 --> 00:17:29.820
 Ja, mich auch, auf jeden Fall.

00:17:29.820 --> 00:17:32.300
 Könnt ihr dann im Internet nachlesen.

00:17:32.300 --> 00:17:33.160
 Im Internet.

00:17:33.160 --> 00:17:35.400
 Ja, genau.

00:17:35.400 --> 00:17:44.560
 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.

00:17:44.560 --> 00:17:49.580
 Ich habe nämlich irgendwann mal aufgefordert dazu, dass ihr uns lustige Spam-Mails weiterleitet.

00:17:51.360 --> 00:18:00.660
 Und dann ist das auch passiert, ich habe das nur nicht gemerkt, per Twitter hat uns ein netter Mensch eine Spam-Mail weitergeleitet.

00:18:00.660 --> 00:18:09.260
 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.

00:18:09.260 --> 00:18:12.060
 Ja, dann kam gleich per E-Mail, die Beschwerde.

00:18:12.060 --> 00:18:18.180
 Dann kam hinterher eine Mail, ja, das ist ja nett, jetzt schicken wir euch eine Spam-Mail und werden dafür blockiert.

00:18:18.180 --> 00:18:20.880
 Und ich so, oh Gott, nein, das ist mir so wahnsinnig peinlich.

00:18:20.880 --> 00:18:24.320
 Aber da dachte ich, muss ich irgendwie nochmal drüber reden, muss mich nochmal entschuldigen.

00:18:24.320 --> 00:18:27.740
 Ich war in dem Augenblick irgendwie geistig abwesend.

00:18:27.740 --> 00:18:28.600
 Ich habe es nicht gecheckt.

00:18:28.600 --> 00:18:30.560
 Also sorry nochmal, danke für die Spam-Mail.

00:18:32.160 --> 00:18:39.180
 Genau, ja, einfach nochmal schicken, vielleicht erwischst du mich dann zu einem besseren Zeitpunkt, das tut mir einfach leid.

00:18:39.180 --> 00:18:44.340
 Und wenn wir schon bei den Spenden vorhin waren, noch eine kurze Geschichte.

00:18:44.340 --> 00:18:49.880
 Wir haben jetzt Sticker, ich sage das deswegen, weil unsere erste Spenderin auch direkt ein kleines Sticker-Paket geschickt bekommen hat.

00:18:50.740 --> 00:18:53.940
 Noch gibt es keinen offiziellen Weg, wie ihr an die Sticker kommen könnt.

00:18:53.940 --> 00:18:55.940
 Also Sticker mit unserem schönen Logo.

00:18:55.940 --> 00:18:59.100
 Aber das wird es demnächst geben.

00:18:59.100 --> 00:19:01.620
 Es wird demnächst eine kleine Twitter-Sticker-Aktion geben.

00:19:01.620 --> 00:19:04.980
 Da einfach uns mal auf Twitter folgen, dann werdet ihr das mitbekommen.

00:19:04.980 --> 00:19:08.180
 Und damit würde ich übergeben an dich, Konstantin.

00:19:08.180 --> 00:19:09.220
 Das ging jetzt doch ganz flott.

00:19:09.380 --> 00:19:12.260
 Ich habe zwei Ergänzungen noch, ganz kurz.

00:19:12.260 --> 00:19:20.580
 Und zwar erstens, der Club-Mate-Beitrag war 2008 gewesen, am 3. April 2008 in meinem Blog.

00:19:20.580 --> 00:19:25.040
 Dann verliegen wir den auf jeden Fall auch in den Shownotes.

00:19:25.040 --> 00:19:30.240
 Republika 2008 und dann apropos .domains oder .lustig-Domains.

00:19:30.240 --> 00:19:38.000
 Wir haben nämlich die coolen, also erstmal haben wir als Firma .gmbh uns geholt, whitespace.gmbh.

00:19:38.000 --> 00:19:39.760
 Was auch damals ganz neu war.

00:19:39.760 --> 00:19:44.680
 Und wir haben als Demo-Server haben wir nicht.live.

00:19:44.680 --> 00:19:46.340
 Das ist ganz schön cool.

00:19:46.340 --> 00:19:47.900
 Sehr geil.

00:19:47.900 --> 00:19:52.180
 Und da haben wir dann nämlich jetzt so 28.000 Sub-Domains natürlich.

00:19:52.180 --> 00:19:54.520
 Also halt irgendwie Kunde, nicht.live.

00:19:54.520 --> 00:19:56.420
 Super, sehr schön.

00:19:56.420 --> 00:19:57.960
 Genau, das ist sehr cool.

00:19:57.960 --> 00:20:00.580
 Und wichtiger Technik-Fakt für Demo-Server.

00:20:00.580 --> 00:20:06.300
 Also das ist wichtig, dass man quasi am besten auf dem globalen Level einen Header macht,

00:20:06.300 --> 00:20:08.520
 der die Robots gleich ausschließt.

00:20:08.520 --> 00:20:13.540
 Das müssen wir nicht bei jedem einzelnen Projekt machen, sondern direkt auf Hauptebene kann man einrichten.

00:20:13.540 --> 00:20:14.400
 Nicht.live.

00:20:14.400 --> 00:20:15.360
 Sehr schön.

00:20:15.360 --> 00:20:18.280
 Wer nicht.live erwerben will, kann sich bei Gerrit melden.

00:20:18.280 --> 00:20:19.620
 Wird sehr teuer, glaube ich.

00:20:19.620 --> 00:20:21.180
 Das wird sehr, sehr teuer, ja.

00:20:23.820 --> 00:20:29.840
 Gut, dann starte ich mal mit einem kleinen Follow-up zu Folge 11, die wir verschieben mussten

00:20:29.840 --> 00:20:33.360
 wegen unserer Internetstörungen, wo wir zeitgleich beide kein Internet hatten.

00:20:33.360 --> 00:20:37.760
 Und zwar hat mich mein Bruder gestern auf einen Artikel bei Golem aufmerksam gemacht.

00:20:39.700 --> 00:20:44.460
 Da hat ein alter Fernseher ein komplettes Dorf lahmgelegt.

00:20:44.460 --> 00:20:50.920
 Jeden Morgen, pünktlich um 7 Uhr, ging da die Datenrate in den Keller, im kompletten Dorf und in den angrenzenden Nachbardörfern.

00:20:51.360 --> 00:20:59.500
 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.

00:20:59.500 --> 00:21:07.500
 Bis man dann mit einem Wagen, der elektromagnetische Felder misst, durchgefahren ist, morgens um sechs und gewartet hat, bis was passiert.

00:21:07.500 --> 00:21:09.720
 Und dann tatsächlich das auf ein Haus eingrenzen konnte.

00:21:10.340 --> 00:21:15.540
 Und dessen Anwohner haben jeden Morgen um 7 Uhr ihren alten, gebraucht gekauften Fernseher eingeschaltet.

00:21:15.540 --> 00:21:17.280
 Ja, und das war's dann.

00:21:17.280 --> 00:21:21.920
 Ja, aber weiß man genau, was da passiert ist?

00:21:21.920 --> 00:21:23.600
 Also war der direkt in der Leitung?

00:21:23.600 --> 00:21:24.540
 Das stand leider nicht da.

00:21:24.540 --> 00:21:26.460
 Hätte ich mal recherchieren müssen noch.

00:21:26.460 --> 00:21:27.600
 Hätte mich auch interessiert.

00:21:27.600 --> 00:21:31.160
 Ich habe aber in dem Zusammenhang mit unseren Störungen schon auch gelesen,

00:21:31.160 --> 00:21:35.640
 dass also tatsächlich so alte Haushaltsgeräte gar nicht mal so selten der Störfaktor sein können,

00:21:35.640 --> 00:21:37.740
 die dann zumindest mal eine ganze Straße lahmlegen,

00:21:37.740 --> 00:21:40.840
 weil das dann bis zum Verteilkasten irgendwelche Störungen verursacht.

00:21:40.840 --> 00:21:43.060
 Also, wer weiß.

00:21:43.060 --> 00:21:44.300
 Das habe ich bei mir auch.

00:21:44.300 --> 00:21:45.380
 Und du hattest ja auch sowas zu.

00:21:45.380 --> 00:21:47.660
 Ja, ja, bei mir war das auch immer zur selben Uhrzeit.

00:21:47.660 --> 00:21:49.240
 Und angeblich war es dann aber doch nichts.

00:21:49.240 --> 00:21:50.200
 Und naja.

00:21:50.200 --> 00:21:56.280
 Gut, dann bin ich in die Situation gekommen, PDFs parsen zu müssen.

00:21:56.280 --> 00:22:00.060
 Ich mache ja leider nicht nur Frontend, sondern muss ab und zu auch mal ans Backend ran.

00:22:00.060 --> 00:22:06.200
 Und da ist mir erst mal aufgefallen, die Schwierigkeit aus PDFs Text auszulesen.

00:22:06.400 --> 00:22:10.360
 Also, PDF ist halt einfach, man merkt, das ist für den Austausch von Druckdaten optimiert.

00:22:10.360 --> 00:22:12.480
 Der Text ist oft zerstückelt.

00:22:12.480 --> 00:22:16.560
 Die Zeichenabstände werden da einzeln definiert und Positionierungen,

00:22:16.560 --> 00:22:18.920
 wo wir auch schon wieder beim Thema Typografie sind.

00:22:18.920 --> 00:22:23.520
 Also, das ist natürlich so gemacht, dass man da wirklich die Typografie am Ende so hat, wie man das möchte.

00:22:24.100 --> 00:22:26.980
 Aber das führt eben dazu, dass man beim Auslesen da echt Schwierigkeiten bekommt.

00:22:26.980 --> 00:22:31.560
 Und Text ist zum Beispiel auch nicht unbedingt in der Reihenfolge, wie er dargestellt wird,

00:22:32.060 --> 00:22:35.980
 sondern man muss den dann, wenn man den ausgelesen hat, nach X- und Y-Koordinaten sortieren.

00:22:35.980 --> 00:22:39.420
 Ja, und das ist natürlich auch beim Thema Accessibility.

00:22:39.420 --> 00:22:42.980
 Also, PDF ist da, es gibt schon Möglichkeiten, PDF accessible zu machen,

00:22:42.980 --> 00:22:45.540
 aber so out of the box ist es das wohl nicht.

00:22:47.160 --> 00:22:52.520
 Ja, das ist klar, allein schon die Umlaute sind ja oft aus dem normalen Buchstaben

00:22:52.520 --> 00:22:56.200
 und dem Doppelpunktzeichen zusammengesetzt, der übereinander geschoben ist.

00:22:56.200 --> 00:22:59.560
 Und die Reihenfolgenproblematik kann man da selber ausprobieren,

00:22:59.560 --> 00:23:02.140
 indem man einfach mal so ein etwas komplexeres PDF hernimmt,

00:23:02.140 --> 00:23:05.680
 dann mal Apfel A macht oder halt Steuerung A oder was

00:23:05.680 --> 00:23:10.400
 und dann sich den Text mal rauskopiert und dann mal in den Text, den er reinschmeißt,

00:23:10.560 --> 00:23:12.720
 Ja, schlack an einem Ohren.

00:23:12.720 --> 00:23:15.440
 Manchmal, hängt vom Layout ab natürlich.

00:23:15.440 --> 00:23:18.700
 Ja, natürlich, klar, und auch wie es, mit was das PDF erzeugt worden ist,

00:23:18.700 --> 00:23:22.020
 wenn das relativ stringent erzeugt wird und auch zusammenhängende Textblöcke,

00:23:22.020 --> 00:23:25.160
 dann ist das kein Problem, so dynamisch generiert die Rechnungen irgendwie.

00:23:25.160 --> 00:23:29.660
 Aber manchmal ist es halt auch mit einem Wort, dann plötzlich ein Absatz und so weiter.

00:23:29.660 --> 00:23:33.160
 Also, das ist gar nicht so trivial und ich habe das vor einer Weile mit Node erst gemacht

00:23:33.160 --> 00:23:35.820
 und da gab es eine Library, die das relativ einfach gemacht hat,

00:23:35.820 --> 00:23:37.240
 schon alles vorsortiert geliefert hat

00:23:37.240 --> 00:23:42.860
 und ja, in PHP war die Auswahl da ein bisschen weniger breit gefächert

00:23:42.860 --> 00:23:47.660
 und ich bin da gestoßen auf PDF Parser, also Smellert slash PDF Parser heißt die Library,

00:23:47.660 --> 00:23:48.380
 verlinke ich auch

00:23:48.380 --> 00:23:52.540
 und das war so das Einzige, was ich gefunden habe, was Open Source war.

00:23:52.540 --> 00:23:55.360
 Ansonsten gab es noch eine relativ teure kommerzielle Lösung,

00:23:55.360 --> 00:23:57.800
 die ich dann für den Einsatzzweck nicht nutzen wollte

00:23:57.800 --> 00:24:03.420
 und ja, die Library an sich ist schon ganz gut, hat aber einige Bugs gehabt,

00:24:03.420 --> 00:24:07.700
 die für meinen Einsatzzweck da nicht, ja, die eigentlich ein Blocker waren, die zu benutzen.

00:24:07.700 --> 00:24:12.140
 Aber da es keine Alternativen gab, habe ich einfach mal angefangen, selber die Bugs zu fixen

00:24:12.140 --> 00:24:15.640
 und habe dabei irgendwie so wieder Spaß an Open Source gefunden.

00:24:16.280 --> 00:24:20.160
 Also einfach so Sachen zu fixen und zu wissen, man fixt das nicht nur für sich selbst, sondern auch für andere.

00:24:20.160 --> 00:24:24.900
 Also immerhin irgendwie 150.000 Downloads, glaube ich, im Monat hat die Library

00:24:24.900 --> 00:24:30.040
 und auch den Input zu bekommen von anderen Contributern und so, hat echt Spaß gemacht.

00:24:30.040 --> 00:24:36.120
 Und das PDF, der PDF-Spezifikation hat 756 Seiten.

00:24:37.120 --> 00:24:41.380
 Nur um mal kurz so einen Geschmack dafür zu bekommen, dann schreibe ich es halt selbst.

00:24:41.380 --> 00:24:45.520
 Weil das war so mein erster Impuls, ist immer so, ja, okay, es gibt keine gescheite Library,

00:24:45.520 --> 00:24:47.520
 dann schreibe ich es mir halt schnell selbst für meinen Einsatzzweck.

00:24:47.520 --> 00:24:50.160
 Aber bei PDF ist das halt leider nicht so trivial.

00:24:50.160 --> 00:24:52.960
 Und interessanterweise, also das war die, ja?

00:24:52.960 --> 00:24:55.900
 PDF ist quasi ein eigenes Betriebssystem.

00:24:55.900 --> 00:24:57.260
 Ja, genau.

00:24:57.260 --> 00:25:00.080
 Kann man da nicht auch JavaScript drin machen oder so ein Käse?

00:25:00.080 --> 00:25:02.520
 Alles, alles, Videos, JavaScript, es geht alles.

00:25:02.520 --> 00:25:04.980
 Und das war die Spezifikation für 1.7.

00:25:04.980 --> 00:25:08.240
 Also die für 1.4 hat sogar 978 Seiten.

00:25:08.240 --> 00:25:09.800
 Die hatte ich zuerst offen.

00:25:09.800 --> 00:25:14.160
 Ja, also man hat es im Gegensatz zu Moritz und mir geschafft, sich auch mal kürzer zu fassen.

00:25:14.160 --> 00:25:17.560
 Und damit möchte ich die Retro jetzt auch für beendet erklären.

00:25:17.560 --> 00:25:19.300
 Ja, implementier doch mal.

00:25:19.300 --> 00:25:19.840
 Genau.

00:25:19.840 --> 00:25:25.740
 Dann kommt jetzt die Property der Woche.

00:25:25.740 --> 00:25:34.780
 Ja, wir haben heute mehrere Properties und die erste kommt von mir und ganz passend zu Font.

00:25:34.980 --> 00:25:42.980
 Eine kleine Property, auf die ich gestoßen bin, eigentlich erst, nachdem ich sie im Quelltext unserer eigenen Podcast-Webseite gefunden habe.

00:25:42.980 --> 00:25:44.880
 Und der Konstantin, die da hingetan hat.

00:25:44.880 --> 00:25:46.120
 Ich kannte das nämlich vorher gar nicht.

00:25:46.120 --> 00:25:49.760
 Und zwar geht es um Unicode Range in Fontface.

00:25:51.160 --> 00:26:00.180
 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.

00:26:00.180 --> 00:26:07.000
 Das heißt, ich kann für bestimmte Zeichen einen bestimmten Font definieren und für alle anderen wird dann der Fallback-Font verwendet.

00:26:07.060 --> 00:26:15.500
 Im Fontface-Block steht dann die Unicode-Range-Property und darin sind dann Unicode-Ranges definiert.

00:26:15.500 --> 00:26:16.940
 Und zwar in folgender Art.

00:26:16.940 --> 00:26:20.300
 Also da steht dann sowas wie U plus 0102.

00:26:20.300 --> 00:26:23.040
 Das wäre dann ein einzelnes Zeichen.

00:26:23.780 --> 00:26:27.040
 Man kann auch also Ranges definieren tatsächlich.

00:26:27.040 --> 00:26:35.700
 Also zum Beispiel haben wir bei uns auch stehen U plus 0110 minus 0111.

00:26:35.700 --> 00:26:39.280
 Das sind dann, glaube ich, in dem Fall tatsächlich nur zwei Zeichen.

00:26:39.280 --> 00:26:41.580
 Aber man kann einen kompletten Bereich.

00:26:41.580 --> 00:26:43.560
 Also ich kann dann sagen, ich gehe bis von bis.

00:26:43.560 --> 00:26:52.060
 Und ich kann auch eine Wildcard hinterlegen, indem ich einzelne Charakter von dieser Zahl durch Fragezeichen ersetze.

00:26:52.060 --> 00:26:56.040
 Und dann match das auf alle, die da sein könnten an der Stelle.

00:26:56.040 --> 00:27:00.400
 Ich habe den Konstantin im Vorfeld auch noch mal gefragt, wie er das da reingemacht hat.

00:27:00.400 --> 00:27:04.620
 Weil das, was bei uns im CSS steht, das ist relativ groß und lang.

00:27:04.620 --> 00:27:07.520
 Also wir haben hier ganz viele verschiedene Ranges hintereinander.

00:27:07.520 --> 00:27:09.560
 Das ist eine sehr, sehr lange Zeile, die da draus wird.

00:27:09.560 --> 00:27:11.960
 Und ich habe so gedacht, er hat das von Hand geschrieben.

00:27:11.960 --> 00:27:15.400
 Und soll ich die Wahrheit sagen?

00:27:15.400 --> 00:27:16.320
 Ja, ich wusste es nicht mehr.

00:27:16.320 --> 00:27:19.480
 Ich dachte eigentlich, das wäre zum Teil schon von Google-Fonts gekommen.

00:27:19.480 --> 00:27:20.640
 Aber ist wohl nicht so.

00:27:21.460 --> 00:27:23.740
 Also es kann durchaus sein, dass ich das dann doch händisch geschrieben habe.

00:27:23.740 --> 00:27:24.920
 Genau.

00:27:24.920 --> 00:27:28.960
 Ich habe dann mal kurz nach Tools geguckt, weil sowas möchte eigentlich keiner von irgendwie handschreiben.

00:27:28.960 --> 00:27:34.700
 Weil ich weiß jetzt auch die Unicode-Ranges von den Buchstaben, die ich verwende, jetzt nicht unbedingt auswendig.

00:27:35.140 --> 00:27:44.140
 Und ich habe da ein interessantes Tool gefunden, das heißt Unicode-Character-Ranges, wie passend, auf der Seite graphics.net.

00:27:44.140 --> 00:27:46.680
 Das kommt in die Shownotes, weil das ist komisch geschrieben.

00:27:47.580 --> 00:27:52.040
 Und da hat man so ganz viele verschiedene Ranges, irgendwie Arabisch und so weiter.

00:27:52.040 --> 00:28:00.920
 Deutsch ist da nicht dabei, weil ich glaube, die Umlaute sind in Latin ein Supplement mit drin.

00:28:00.920 --> 00:28:03.180
 Da sind die Umlaute auf jeden Fall mit drin und das scharfe S.

00:28:03.740 --> 00:28:07.600
 Und Basic-Latin und damit seid ihr für Deutsch wahrscheinlich schon relativ gut aufgestellt.

00:28:08.120 --> 00:28:18.140
 Aber es gibt unfassbar viele Ranges, also Tamil, Tibetisch, Myanmar, was weiß ich was alles.

00:28:18.140 --> 00:28:23.540
 Also es ist echt irre, großes Feld, interessante Geschichte auf jeden Fall, kann ich empfehlen.

00:28:24.360 --> 00:28:26.860
 Browser-Unterstützung ist eigentlich ziemlich gut.

00:28:26.860 --> 00:28:32.240
 Der IE, den verwendet ja eh keiner mehr, behaupte ich mal, seit es jetzt den coolen neuen Edge gibt.

00:28:32.240 --> 00:28:34.640
 Und ansonsten sieht es ziemlich gut aus.

00:28:34.640 --> 00:28:42.180
 Irgendwie Edge ab 17, Firefox ab 44, Chrome ab 36, Safari ab Version 10, Opera und die ganzen.

00:28:42.180 --> 00:28:45.420
 Also es sieht wirklich gut aus, kann man schon verwenden.

00:28:45.420 --> 00:28:50.140
 Und wie gesagt, ich habe es erst entdeckt, als ich es auf unserer Homepage gefunden habe.

00:28:50.140 --> 00:28:53.540
 Vielleicht sagen wir kurz unseren konkreten Einsatzzweck.

00:28:53.940 --> 00:29:01.720
 Es ging um dieses Nummer 13, dieses, ja ist das schon eine Ligatur oder ist das ein festes Zeichen?

00:29:01.720 --> 00:29:07.180
 Dieses N-O, also ich weiß, dass man es technisch als Ligatur umsetzen kann in OpenType,

00:29:07.180 --> 00:29:09.920
 dass wenn man N-O tippt, dass das dann hochgestellt wird.

00:29:09.920 --> 00:29:15.860
 Jedenfalls sieht man das bei unseren Episoden, ist das dieses N mit dem O, mit dem Kringel und dem Strich drunter.

00:29:15.860 --> 00:29:21.940
 Und das wurde irgendwie, in der Webfont wurde das nicht standardmäßig angezogen,

00:29:22.280 --> 00:29:29.400
 sondern ich musste es dann über diese Unicode-Ranges irgendwie definieren, damit das dann tatsächlich angezeigt wurde.

00:29:29.400 --> 00:29:31.260
 Also irgendwas war da komisch.

00:29:31.260 --> 00:29:32.760
 Und dann hat es aber funktioniert.

00:29:32.760 --> 00:29:35.400
 Also ich, das ist mir selber so ein bisschen so ein Rätsel.

00:29:36.160 --> 00:29:38.160
 Das ist ja verrückt, weil es ist ja Teil der Schriftart.

00:29:38.160 --> 00:29:41.420
 Ja, eigentlich dürfte das nicht so sein, eigentlich müsste es standardmäßig komplett geladen werden.

00:29:41.420 --> 00:29:43.600
 Aber vielleicht lag es auch an was anderem.

00:29:43.600 --> 00:29:50.540
 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.

00:29:50.680 --> 00:29:59.360
 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.

00:29:59.880 --> 00:30:03.740
 Und so kannst du zum Beispiel auch Emoji-Fonts als allerletztes definieren.

00:30:03.740 --> 00:30:09.220
 Und wenn die Schriftarten keine Emojis mitbringen, was die wenigsten tun, dann fällt es eben zurück auf spezielle Emoji-Fonts.

00:30:09.220 --> 00:30:13.980
 Und ich glaube, da war das dann, dass manche Schriftschnitte hatten dieses Nummer nicht drin.

00:30:13.980 --> 00:30:19.040
 Und ich glaube, das war diese extra Bold oder was, was wir haben bei diesem Vorschau-Bild links.

00:30:19.480 --> 00:30:24.760
 Und die hatte das nicht mit drin, ja, und deswegen fällt es dann irgendwie zurück auf den Bold-Schnitt.

00:30:24.760 --> 00:30:27.220
 Und die 13 ist aber dann trotzdem extra Bold, keine Ahnung.

00:30:27.220 --> 00:30:29.620
 Also irgendwas war komisch und das lässt sich damit lösen.

00:30:29.620 --> 00:30:36.040
 Genau, und das ist ganz interessant, weil es schlägt die Brücke zum Angen, wo ich was ergänzen wollte.

00:30:36.040 --> 00:30:41.780
 Und zwar, man kann dann eben noch einen drauflegen mit diesen ganzen Fallback-Geschichten.

00:30:41.780 --> 00:30:47.580
 Und wir haben das auch im Einsatz, und zwar auf einer Kunden-Webseite bei uns, wo die Herausforderung bestand.

00:30:48.820 --> 00:30:55.820
 Ein Icon hinzuzufügen in einem laufenden Text, und zwar in einem Input-Feld.

00:30:55.820 --> 00:31:03.920
 In einem Input-Feld kann ich ja nicht mal eben ein Span machen und irgendwie da jetzt ein Icon reinsetzen.

00:31:03.920 --> 00:31:05.600
 Das funktioniert nicht.

00:31:05.600 --> 00:31:10.820
 Aber, was wir gemacht haben, wir haben einfach irgendeinen sehr obskuren Unicode genommen,

00:31:10.820 --> 00:31:14.860
 den es eigentlich gar nicht so oder gar nicht vorkommt, jedenfalls nicht an der Stelle.

00:31:15.140 --> 00:31:20.140
 Und das ist dann quasi ein kaputtes Zeichen eigentlich, was irgendwie so ein Kästchen dargestellt hätte normalerweise.

00:31:20.140 --> 00:31:25.400
 Aber als Fallback-Fond haben wir dann eben einen speziell preparierten Web-Fond erstellt,

00:31:25.400 --> 00:31:30.220
 der nur dieses eine Icon-Zeichen enthält und der dann darauf zurückfällt und dann zurück.

00:31:30.340 --> 00:31:37.820
 Das ist also eine Datums-Uhren-Anzeige, wo quasi erst Datum steht und dann das Uhren-Symbolchen und dann nebendran die Uhrzeit.

00:31:37.820 --> 00:31:40.620
 Und das in einem Input-Feld, in einem Date- und Time-Picker.

00:31:40.620 --> 00:31:43.160
 Und das kriegt man irgendwie so sehr elegant hin.

00:31:43.160 --> 00:31:45.260
 Und das sieht natürlich jetzt perfekt aus.

00:31:45.260 --> 00:31:51.340
 Und auch in jeder Schriftart irgendwie, weil das ist auch so eine White-Label-Lösung, die wir da entwickelt haben.

00:31:51.480 --> 00:31:53.300
 Das gibt es in ganz vielen verschiedenen Schriftarten.

00:31:53.300 --> 00:31:54.280
 Wir wissen es vorher nicht, welche.

00:31:54.280 --> 00:31:58.660
 Und dann haben wir irgendwann ein Zeichen genommen, was irgendwie nirgendwo belegt ist.

00:31:58.660 --> 00:31:59.820
 Genau.

00:31:59.820 --> 00:32:01.020
 Das ist ja ein scharfer Hack.

00:32:01.020 --> 00:32:02.540
 Ist das irgendwie dokumentiert?

00:32:02.540 --> 00:32:04.240
 Hast du da mal einen Artikel drüber geschrieben oder so?

00:32:04.240 --> 00:32:05.300
 Weil es lohnt sich ja fast, oder?

00:32:05.300 --> 00:32:07.060
 Geschrieben nicht gelesen wahrscheinlich.

00:32:07.060 --> 00:32:08.600
 Das hat mein Kollege gemacht tatsächlich.

00:32:08.600 --> 00:32:11.300
 Aber das ist mit Sicherheit irgendwo schon mal gemacht worden.

00:32:11.300 --> 00:32:12.940
 Also das haben wir uns nicht ausgedacht.

00:32:12.940 --> 00:32:14.100
 Das haben wir irgendwo aufgeschnappt.

00:32:14.100 --> 00:32:15.080
 Genau.

00:32:15.080 --> 00:32:15.940
 Das ist eine coole Idee.

00:32:15.940 --> 00:32:16.840
 Das ist ja noch nicht.

00:32:17.800 --> 00:32:20.080
 Das ist immer schön, wenn man so handfeste Beispiele hat.

00:32:20.080 --> 00:32:22.460
 Dazu auch nicht nur so die reine technische Seite.

00:32:22.460 --> 00:32:28.280
 Also wenn ich es angucken möchte, das ist auf carsharing-deutschland.de.

00:32:28.280 --> 00:32:29.960
 Glaube ich jedenfalls.

00:32:29.960 --> 00:32:30.940
 Packen wir in die Shownotes.

00:32:30.940 --> 00:32:31.840
 Das muss ich mir gleich mal notieren.

00:32:31.840 --> 00:32:32.800
 Implementation.

00:32:32.800 --> 00:32:34.800
 Gucken wir mal kurz, ob es wirklich stimmt.

00:32:34.800 --> 00:32:37.860
 Ja, in dem Augenblick.

00:32:37.860 --> 00:32:40.940
 Ich kann vielleicht noch den Wogen kurz zumachen, wenn ihr nachschaut.

00:32:40.940 --> 00:32:42.240
 Ich wollte noch was sagen.

00:32:42.240 --> 00:32:42.700
 Ja, da ist es genau.

00:32:42.700 --> 00:32:45.180
 War die URL richtig?

00:32:45.180 --> 00:32:45.960
 Ja.

00:32:45.960 --> 00:32:47.640
 Okay, super.

00:32:47.800 --> 00:32:51.140
 Also ich wollte das Unicode-Range noch kurz zumachen.

00:32:51.140 --> 00:32:55.560
 Also das ist auf jeden Fall backwards compatible, weil Browser, die das nicht kennen, ignorieren

00:32:55.560 --> 00:32:57.240
 es einfach, auch in diesem Frontface.

00:32:57.240 --> 00:33:02.260
 Und ich habe noch, wenn ihr jetzt dazu keinen Nachtrag mehr habt, habe ich noch ein bisschen

00:33:02.260 --> 00:33:04.800
 Ausblick, wo das noch hingehen könnte, diese ganze Geschichte.

00:33:06.520 --> 00:33:18.400
 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.

00:33:19.040 --> 00:33:25.960
 Und da wurde Ausblick gegeben, wo das W3C oder so eine Arbeitsgruppe gerade daran arbeitet, das nennt sich Progressive Font Enrichment.

00:33:27.160 --> 00:33:31.200
 Weil da der Browser ganz automatisch nur das lädt, was verwendet wird.

00:33:31.420 --> 00:33:40.700
 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.

00:33:40.700 --> 00:33:44.360
 Oder auch, keine Ahnung, japanische Schriftzeichen oder so.

00:33:44.360 --> 00:33:49.580
 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.

00:33:50.580 --> 00:33:52.060
 Ich weiß nicht genau, wie weit die sind.

00:33:52.060 --> 00:34:01.100
 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.

00:34:01.100 --> 00:34:03.300
 Also das ist schon krass, das ist sehr beeindruckend.

00:34:03.300 --> 00:34:06.700
 Ich glaube, es ist aber noch in keinem Browser implementiert, wenn ich es richtig weiß.

00:34:06.700 --> 00:34:13.720
 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.

00:34:13.720 --> 00:34:16.620
 Kann ich auf jeden Fall empfehlen, den mal zu lesen.

00:34:16.620 --> 00:34:22.020
 Der Clou ist ein bisschen, das macht, vom Konzept her macht das Google Fonts ja auch schon, wenn man das möchte.

00:34:22.020 --> 00:34:37.740
 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.

00:34:37.740 --> 00:34:42.740
 Das machen die auch schon, aber das verlässt sich Google irgendwie darauf, dass die Inhalte sich, glaube ich, nicht ändern irgendwie oder so.

00:34:42.740 --> 00:34:57.160
 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.

00:34:57.160 --> 00:34:59.380
 Obwohl sie dann ein 500 Kilobyte groß ist.

00:34:59.380 --> 00:35:01.980
 Ich wollte gerade sagen, genau, aber dann schön, wir schon das irgendwie.

00:35:02.780 --> 00:35:11.100
 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.

00:35:11.100 --> 00:35:13.040
 Okay, gut.

00:35:13.040 --> 00:35:14.480
 Das war deine Property?

00:35:14.480 --> 00:35:16.700
 Dann ist die Property jetzt fertig, genau.

00:35:17.420 --> 00:35:29.060
 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.

00:35:29.060 --> 00:35:38.540
 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.

00:35:38.660 --> 00:35:46.040
 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.

00:35:46.040 --> 00:36:00.100
 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.

00:36:00.100 --> 00:36:08.260
 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.

00:36:09.120 --> 00:36:14.760
 Oder Zahlen als Monospace, dass die immer tabellarisch untereinander in der gleichen Breite dargestellt werden.

00:36:14.760 --> 00:36:18.000
 Das sind so Features, die kann ich an- und abschalten, wenn ich die möchte.

00:36:18.000 --> 00:36:24.640
 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.

00:36:24.640 --> 00:36:28.760
 Und ich habe tatsächlich auch im Web die Möglichkeit, diese Features zu aktivieren oder zu deaktivieren.

00:36:30.300 --> 00:36:38.640
 Da muss ich selber nochmal gucken, die Browser-Unterstützung ist glaube ich auch schon relativ weit, also 96,9%.

00:36:38.640 --> 00:36:44.340
 Man muss dazu sagen, es gibt da zwei verschiedene Syntaxen dazu, um das allen auszuschalten.

00:36:44.340 --> 00:36:47.520
 Von Variation Settings meinst du wahrscheinlich?

00:36:47.520 --> 00:36:51.060
 Genau, die alte und das ist die neue, wie du jetzt schon gesagt hast.

00:36:51.060 --> 00:36:57.500
 Und die alte war, ja, also man soll die neue verwenden auf jeden Fall, weil die ist inzwischen weit genug verbreitet.

00:36:57.500 --> 00:36:58.020
 Genau.

00:36:58.020 --> 00:37:06.500
 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.

00:37:07.360 --> 00:37:19.460
 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.

00:37:19.460 --> 00:37:29.560
 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.

00:37:29.560 --> 00:37:30.240
 Genau.

00:37:30.440 --> 00:37:36.400
 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.

00:37:36.400 --> 00:37:37.900
 Das müsste man tatsächlich mal ausprobieren, ja.

00:37:37.900 --> 00:37:39.860
 Oder ob die dann einfach nichts machen.

00:37:39.860 --> 00:37:41.880
 Vermutlich wird es einfach nicht funktionieren.

00:37:41.880 --> 00:37:42.660
 Das wäre besser.

00:37:42.660 --> 00:37:58.580
 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,

00:37:59.360 --> 00:38:09.960
 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.

00:38:09.960 --> 00:38:15.360
 Also das sind wirklich einzelne Charakter, dementsprechend muss das in der Schrift so angelegt sein, das wird nicht automatisch erzeugt.

00:38:15.360 --> 00:38:16.660
 Genau.

00:38:16.660 --> 00:38:29.180
 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.

00:38:29.320 --> 00:38:50.120
 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.

00:38:50.320 --> 00:39:04.360
 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.

00:39:05.360 --> 00:39:19.340
 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.

00:39:20.360 --> 00:39:40.400
 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.

00:39:40.760 --> 00:39:50.140
 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.

00:39:50.140 --> 00:39:58.960
 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.

00:39:58.960 --> 00:40:05.200
 Damit wäre die Property von meiner Seite zu Ende, wenn noch, wenn niemand mehr Input hat.

00:40:06.160 --> 00:40:13.800
 Ich habe noch über die heute gelernt, heute wieder mal, wahrscheinlich uralt, wie war das? Fit Content, kennt ihr das?

00:40:13.800 --> 00:40:16.360
 Da hast du doch, Moritz, glaube ich, auch mal was.

00:40:16.360 --> 00:40:18.600
 Ja, ich glaube, da geht es um Bilder, ne?

00:40:18.600 --> 00:40:31.900
 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,

00:40:31.900 --> 00:40:43.200
 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.

00:40:43.200 --> 00:40:49.920
 Das kann man per CSS lösen über Fit Content. Was ist eigentlich ein Display-Fit-Content oder? Ich habe es vergessen. Moment.

00:40:49.920 --> 00:40:54.380
 Ne, ich glaube, es ist wirklich tatsächlich Fit Content, oder? Einfach nicht das Property?

00:40:54.380 --> 00:40:58.240
 Ja, Fit Content und dann eins oder zwei, true oder false, das ist ja Quatsch. Ne, ne, ich sage es im Moment.

00:40:58.240 --> 00:41:00.720
 Jetzt gucken alle.

00:41:00.720 --> 00:41:04.000
 Also Fit Content gibt es auch bei den Grid-Template-Columns.

00:41:04.000 --> 00:41:05.500
 Ja, ist das andere.

00:41:05.500 --> 00:41:07.040
 Aber es ist nicht Fit-Object.

00:41:07.040 --> 00:41:10.560
 Ich habe es. Object-Fit-Cover.

00:41:10.560 --> 00:41:11.200
 Ja, jetzt habe ich es auch gerade.

00:41:11.200 --> 00:41:17.300
 Das ist völlig anders. Also alles falsch. Also Object-Fit ist gleich Cover.

00:41:18.800 --> 00:41:27.640
 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?

00:41:27.640 --> 00:41:29.400
 Ja, das, das kommt noch.

00:41:29.400 --> 00:41:33.720
 Okay, gut, dann machen wir weiter.

00:41:33.720 --> 00:41:34.140
 Das war's.

00:41:34.140 --> 00:41:35.260
 Okay, machen wir weiter.

00:41:35.260 --> 00:41:39.640
 Hier ist WWS IV mit dem Tagesthema.

00:41:44.640 --> 00:41:57.720
 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.

00:41:57.720 --> 00:42:08.920
 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.

00:42:09.800 --> 00:42:14.200
 Möchtest du da zu der ganzen Geschichte und der Entwicklung, was man sich da hat so einfallen lassen, was sagen, Gerrit?

00:42:14.200 --> 00:42:24.100
 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.

00:42:24.100 --> 00:42:32.400
 HTML ist ja eine reine Wissenschaftssprache gewesen für wissenschaftliche Paper und da war Typografie überhaupt nicht angesagt.

00:42:32.520 --> 00:42:48.860
 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.

00:42:49.540 --> 00:42:55.760
 Und das war dann in aller Regel dann halt Arial oder Times New Roman als Schrift und das war es.

00:42:55.760 --> 00:43:00.080
 Man konnte vielleicht mal was zentrieren oder mal was fett machen, so, das war es dann aber auch schon.

00:43:00.080 --> 00:43:05.160
 Und dann ging es das Web in die Runde halt Kommerzialisierung, sag ich mal.

00:43:05.160 --> 00:43:13.320
 Ab 1995 war der Bedarf da, dass man das Netz auch gestaltet, das Web, dass man auch wirklich, ja, Branding macht und irgendwie so.

00:43:13.320 --> 00:43:21.040
 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.

00:43:21.040 --> 00:43:24.200
 Und dann ging es los, dass man angefangen hat, mit Bildern zu arbeiten.

00:43:24.200 --> 00:43:27.920
 Man nimmt das Bildelement und packt da Text rein, so, ne.

00:43:27.920 --> 00:43:36.780
 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.

00:43:36.780 --> 00:43:45.700
 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.

00:43:45.700 --> 00:43:50.580
 Und das haben dann viele Pornoseiten, haben das dann gemacht irgendwie auch, ne.

00:43:50.580 --> 00:43:52.440
 Die sind ja oft technischer Vorreiter.

00:43:52.440 --> 00:43:57.160
 Der Vorreiter, sehr bildlastig und da war dann oft schöne Typografie zu sehen.

00:43:59.760 --> 00:44:04.740
 Aber alles mit den Bildern war natürlich Quatsch und dann gab es irgendwann dynamische Lösungen in der Hinsicht.

00:44:04.740 --> 00:44:07.700
 Und man hatte sich überlegt, man könnte jetzt rumtricksen.

00:44:07.700 --> 00:44:18.700
 Man könnte versuchen, also ich rede jetzt von Schriftarten, also Schriftgestaltung im Sinne von, ja, also dass man eigene Schriftarten verwenden kann.

00:44:19.700 --> 00:44:30.120
 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.

00:44:30.120 --> 00:44:37.460
 Man kann mit PHP und einer Schrift, einer TrueType-Schrift, die man auf den Server legt, kann man dann kleine Bildchen generieren lassen.

00:44:37.460 --> 00:44:39.240
 Imagematic macht das irgendwie oder sowas, keine Ahnung.

00:44:39.240 --> 00:44:39.760
 Oder die Relip.

00:44:39.760 --> 00:44:47.140
 Und dann konnte man damit quasi schon auch dynamisch auf dem Server diese Bildchen vorbereiten und ausliefern.

00:44:47.140 --> 00:44:49.180
 Aber nach wie vor als Bilder.

00:44:49.180 --> 00:45:04.840
 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,

00:45:04.840 --> 00:45:08.560
 damit man es irgendwie noch markieren kann, wenn man irgendwie den ganzen Text markiert.

00:45:08.560 --> 00:45:15.260
 Dann gab es Techniken, wo man versucht hat, mit Flash diesen Text dynamisch herzunehmen.

00:45:15.260 --> 00:45:25.980
 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.

00:45:25.980 --> 00:45:30.420
 Und das Flash-Skript hatte dann die Schrift inkludiert, weil in Flash konnte man nämlich Schriften einbinden.

00:45:30.420 --> 00:45:35.100
 Und dann dies dynamisch dann als Flash-Text mit der entsprechenden Schriftart.

00:45:35.100 --> 00:45:39.000
 Also wirklich eine halsbrecherische Methode, um das zu machen.

00:45:39.000 --> 00:45:43.660
 Aber es hat funktioniert und man konnte damit sogar auch den Text markieren.

00:45:43.660 --> 00:45:44.640
 Das ging in Flash.

00:45:44.640 --> 00:45:46.780
 Dann gab es reine JavaScript-Lösungen.

00:45:46.780 --> 00:45:51.180
 Da fällt mir ganz kurz noch dazu ein, dass das dann teilweise auch missbraucht wurde für Tracking,

00:45:51.180 --> 00:45:56.320
 weil man da ja irgendwie die komplette System-Schriftliste auslesen konnte über Flash.

00:45:56.320 --> 00:46:02.140
 Und dann konnte man das abspeichern und tatsächlich haben halt viele User unterschiedliche Fonts und nicht immer exakt die gleichen.

00:46:02.140 --> 00:46:04.260
 Und dann wurde darüber Tracking reingemogelt.

00:46:04.260 --> 00:46:06.460
 Das ist gut möglich, ja, ja.

00:46:06.460 --> 00:46:07.200
 Mit Flash sowieso.

00:46:07.200 --> 00:46:11.540
 Dann gab es eine vergleichbare Lösung auf Basis von Canvas.

00:46:11.540 --> 00:46:16.460
 Also quasi JavaScript-Canvas, der dann die Schriften da gemalt hat.

00:46:16.460 --> 00:46:18.240
 Also das ist alles absurde Geschichten.

00:46:18.240 --> 00:46:23.780
 So, bis man dann vernünftig mal dazugekommen ist, wirklich tatsächlich Schriften einzubinden.

00:46:23.780 --> 00:46:30.500
 Dieses Schriften-Einbinden über Fontface, was wir jetzt alle machen heutzutage, ist aber auch nichts Neues, sondern eine uralte Idee.

00:46:30.500 --> 00:46:32.720
 Das ist von 1998 nämlich.

00:46:32.720 --> 00:46:33.580
 Da ging das nämlich schon.

00:46:33.580 --> 00:46:34.660
 Das weiß kaum jemand.

00:46:34.660 --> 00:46:42.500
 Aber das Problem war, 1998 war das eingebaut in Explorer und im Netscape auch,

00:46:42.500 --> 00:46:47.660
 aber eben nicht mit standardüblichen Schriftdateien.

00:46:47.660 --> 00:46:54.460
 Weil, was wir als Schriftdateien kennen, das sind entweder True-Type-Schriften oder Open-Type-Schriften oder Postscript-Schriften.

00:46:54.460 --> 00:46:57.040
 Das sind so diese drei üblichen Font-Formate.

00:46:57.040 --> 00:47:00.560
 Und die Schriften, die man damals einbinden konnte in die Browser,

00:47:00.560 --> 00:47:05.000
 das war das Embedded-Open-Type-Format für Internet Explorer.

00:47:05.160 --> 00:47:10.660
 Und das war für Netscape ein, genau, EOT, und für Netscape noch ein ganz anderes Schriftformat,

00:47:10.660 --> 00:47:11.760
 was wird da gar keiner mehr kennt.

00:47:11.760 --> 00:47:16.700
 So, das Problem war, es gab gar keine Schriften in diesen Formaten,

00:47:16.700 --> 00:47:20.300
 weder zu kaufen, noch umzuwandeln, noch kostenlos.

00:47:20.300 --> 00:47:22.440
 Es gab schlicht, es gab diese Schriften nicht.

00:47:22.440 --> 00:47:26.980
 Die Browser konnten das zwar darstellen, und es gab vielleicht ein, zwei Demo-Schriften, keine Ahnung,

00:47:26.980 --> 00:47:30.040
 aber man konnte diese Schriften nicht umwandeln.

00:47:30.040 --> 00:47:34.960
 Erstmal durfte man es nicht, weil es überhaupt verboten ist, Schriften und andere Formate umzuwandeln.

00:47:35.160 --> 00:47:36.980
 Kommerzielle Schriften jedenfalls.

00:47:36.980 --> 00:47:40.620
 Und B, man hätte es technisch gar nicht hinbekommen, weil es gab gar nicht die Software dafür,

00:47:40.620 --> 00:47:43.320
 um Schriften in diese komischen Formate umzuwandeln.

00:47:43.320 --> 00:47:47.080
 Deswegen ist dieses Feature, was eigentlich funktioniert hat, nie benutzt worden.

00:47:47.080 --> 00:47:47.520
 Verrückt.

00:47:47.520 --> 00:47:50.680
 Und ist dann tatsächlich auch einige Jahre später rausgeflogen aus den Browsern,

00:47:50.680 --> 00:47:55.040
 bis es dann ab 2007 wieder eingebaut worden ist.

00:47:55.040 --> 00:47:57.720
 Das ist ganz obskur.

00:47:57.720 --> 00:48:00.400
 Und genau, und dann gab es ja dieses Font-Squirrel.

00:48:00.400 --> 00:48:02.420
 Genau, wo man dann umwandeln konnte.

00:48:03.300 --> 00:48:06.220
 Da konnte man dann auch tatsächlich diese EOTs wieder generieren,

00:48:06.220 --> 00:48:07.360
 und die haben das dann irgendwie geschafft.

00:48:07.360 --> 00:48:10.300
 Keine Ahnung, ob da irgendwie eine Lizenz abgelaufen ist.

00:48:10.300 --> 00:48:12.520
 Ich habe keine Ahnung, auf jeden Fall ging das damals.

00:48:12.520 --> 00:48:14.660
 Und damit konnte man das irgendwie konvertieren.

00:48:14.660 --> 00:48:16.460
 Aber das ist ja schon viel später dann gewesen.

00:48:16.520 --> 00:48:19.280
 Also, es gab eine Möglichkeit zu konvertieren.

00:48:19.280 --> 00:48:22.400
 Es gab irgendwie ein ganz komisches Perl-Skript oder sowas, was es konnte.

00:48:22.400 --> 00:48:23.500
 Aber das konnte auch keiner bedienen.

00:48:23.500 --> 00:48:24.740
 Da kam man nicht so ran.

00:48:24.740 --> 00:48:26.060
 Das waren andere Zeiten damals.

00:48:26.060 --> 00:48:31.460
 1998 ist man nicht mal eben irgendwo gegangen auf irgendeine Webseite,

00:48:31.460 --> 00:48:32.140
 hat es dann gemacht.

00:48:32.140 --> 00:48:33.760
 Das gab es alles nicht.

00:48:33.760 --> 00:48:36.060
 Und man wüsste gar nicht, wie man das hätte machen sollen.

00:48:36.060 --> 00:48:38.820
 Und tatsächlich dieses Umwandeln über Font-Squirrel,

00:48:38.900 --> 00:48:41.740
 die haben nichts weiter gemacht, als dieses halt benutzbar zu machen,

00:48:41.740 --> 00:48:43.980
 über ein Interface, was man bedienen konnte.

00:48:43.980 --> 00:48:46.460
 Und ab da konnte man das machen.

00:48:46.460 --> 00:48:50.360
 Und ab da gab es aber auch schon in großen Stilen auch kostenlose,

00:48:50.360 --> 00:48:54.480
 also gute Schriften, die halt Open-Source-mäßig drauf waren.

00:48:54.480 --> 00:48:55.560
 Das gab es ja damals auch nicht.

00:48:56.120 --> 00:48:58.120
 Es gab ja quasi keine Open-Source-Schriften.

00:48:58.120 --> 00:48:59.000
 Wir hatten ja damals nichts.

00:48:59.000 --> 00:49:00.660
 Man hatte wirklich nichts.

00:49:00.660 --> 00:49:05.820
 Ich muss ja auch dazu sagen, ich war ja einer der Ersten,

00:49:05.820 --> 00:49:09.780
 die überhaupt über freie Schriften berichtet hat in meinem Blog damals.

00:49:09.780 --> 00:49:12.920
 Das war eine meiner wichtigsten Rubrik eigentlich im Nachhinein,

00:49:12.920 --> 00:49:14.700
 mit der ich total bekannt geworden bin.

00:49:14.700 --> 00:49:16.240
 Vorher kannte mich keine Sau.

00:49:16.240 --> 00:49:18.960
 Und dann habe ich angefangen, freie Schriften zu porträtieren,

00:49:18.960 --> 00:49:20.900
 die kostenlos waren.

00:49:20.900 --> 00:49:24.900
 Und das war in einer Höhenflut meines Erfolges.

00:49:24.900 --> 00:49:26.160
 Das habe ich nie wieder anknüpfen können.

00:49:26.160 --> 00:49:30.440
 Weil da habe ich jede Woche eine freie Schrift beschrieben und porträtiert.

00:49:30.440 --> 00:49:32.000
 Und es gab gar nicht so viel Stoff.

00:49:32.000 --> 00:49:33.520
 Ich musste dann nach zehn Wochen aufhören.

00:49:33.520 --> 00:49:37.760
 Es gab keine freien Schriften mehr, die was getaugt haben.

00:49:37.760 --> 00:49:41.880
 Und insofern sind wir da heutzutage in einer paradiesischen Position,

00:49:41.880 --> 00:49:45.340
 dass wir jetzt diese Schriften einbinden können.

00:49:45.340 --> 00:49:47.960
 Begonnen hat es mit Safari.

00:49:47.960 --> 00:49:49.420
 Das war damals 2007.

00:49:49.420 --> 00:49:53.560
 Safari war ja der Technologietreiber gewesen.

00:49:53.560 --> 00:49:56.960
 Das kann man sich auch nicht mehr vorstellen heutzutage, weil es längst Chrome ist.

00:49:56.960 --> 00:49:59.880
 Aber Safari hat damals richtig gepusht.

00:49:59.880 --> 00:50:01.640
 Und die haben einfach gesagt, weißt du was?

00:50:01.640 --> 00:50:03.920
 Ich könnte einfach normale Schriften einbinden.

00:50:03.920 --> 00:50:06.840
 Nimm der OpenType-Schriften, könnte einbinden, macht was er wollte.

00:50:06.840 --> 00:50:07.360
 Mir doch wurscht.

00:50:08.580 --> 00:50:12.920
 Und eigentlich war das ein Schlag ins Gesicht für die Schrifthäuser damals.

00:50:12.920 --> 00:50:17.520
 Weil, dass du einfach so Schriften einbinden kannst, ist eigentlich nicht in Ordnung.

00:50:17.620 --> 00:50:19.060
 Weil es auch gar nicht erlaubt ist.

00:50:19.060 --> 00:50:20.880
 Weil, was heißt einbinden?

00:50:20.880 --> 00:50:25.940
 Einbinden heißt, dass die Schriften wie eine Bilddatei auf dem Server herumliegt.

00:50:25.940 --> 00:50:29.060
 Und zwar auch öffentlich zugänglich für alle, ganz normal aufrufbar.

00:50:29.060 --> 00:50:34.580
 Das heißt, du hast die Schrift eingebunden bei dir, hast sie auf den Server gelegt und hast sie damit quasi publiziert.

00:50:34.900 --> 00:50:39.800
 Du hast eine Schrift publiziert, die du gar nicht publizieren darfst, weil du die Lizenz dafür gar nicht hast.

00:50:39.800 --> 00:50:45.120
 Klar, jeder, der in die Developer-Tools schaut, kann die sich einfach abgreifen und hat sie dann bei sich zum Installieren.

00:50:45.120 --> 00:50:46.240
 Ganz genau.

00:50:46.240 --> 00:50:47.680
 Und das lässt du auch superleit zurückverfolgen.

00:50:47.680 --> 00:50:54.420
 Insofern war das eigentlich brandgefährlich, weil die Schriften ja damals immer noch für den Printgebrauch gedacht waren,

00:50:54.420 --> 00:50:57.200
 dass du sie auf deinem Rechner installierst und damit eine Broschüre machst.

00:50:57.200 --> 00:50:59.320
 Und dafür waren die gedacht.

00:50:59.320 --> 00:51:03.340
 Und deswegen haben die einfach vorgeprescht technologisch.

00:51:03.780 --> 00:51:07.140
 Aber es war nichts geklärt, wie man das irgendwie weitermachen könnte.

00:51:07.140 --> 00:51:13.420
 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,

00:51:13.420 --> 00:51:17.580
 dass sie jetzt mal anfangen müssen, sich Gedanken zu machen über Lizenzierungsmöglichkeiten.

00:51:17.580 --> 00:51:21.380
 Was soll es denn kosten, so ein Webfond irgendwie zu lizenzieren?

00:51:21.380 --> 00:51:23.300
 Und wie soll das denn vonstatten gehen?

00:51:23.300 --> 00:51:24.480
 Wie muss es geschützt werden?

00:51:24.480 --> 00:51:31.180
 Muss es irgendwie technologisch, kryptografisch irgendwie mit einem Management-System irgendwie,

00:51:31.320 --> 00:51:36.960
 wie heißt das, mit so einem Privacy-Protection-Tool geschützt werden?

00:51:36.960 --> 00:51:37.740
 Wie heißen die Dinger?

00:51:37.740 --> 00:51:38.960
 DRM?

00:51:38.960 --> 00:51:40.640
 DRM, genau richtig.

00:51:40.640 --> 00:51:41.840
 Digital Rights Management.

00:51:41.840 --> 00:51:42.640
 Genau.

00:51:42.640 --> 00:51:44.120
 Das war auch ein Gespräch.

00:51:44.120 --> 00:51:45.180
 Wurde dann nicht gemacht.

00:51:45.180 --> 00:51:46.840
 Aber war alles ein Gespräch.

00:51:46.920 --> 00:51:48.720
 Und das war eine Riesenaufbruchstimmung.

00:51:48.720 --> 00:51:53.620
 Und dann hat man sich irgendwann so darauf geeinigt, dass man doch ein neues Schriftformat braucht,

00:51:53.620 --> 00:51:58.160
 mit dem diese Web-Nutzung besser funktioniert.

00:51:58.160 --> 00:52:03.320
 Nämlich einerseits, weil es nur fürs Web ist und auch ein bisschen optimiert ist, ein bisschen komprimiert ist

00:52:03.320 --> 00:52:07.660
 und so einen kleinen, so einen gewissen Minischutz drin hat irgendwie.

00:52:07.780 --> 00:52:12.040
 Und dann kam das WOF-Format, W-O-F-F, Web Open Type Font Format.

00:52:12.040 --> 00:52:19.440
 Und ein wenig später kam WOF 2 dazu, nochmal optimiert, was dann quasi der Kompromiss war.

00:52:19.440 --> 00:52:25.580
 Also technologisch ist das nichts anderes als eine Open Type Schrift, die ein bisschen komprimiert ist

00:52:25.580 --> 00:52:30.160
 und mit ein paar Metainformationen versehen ist, die die Herkunft irgendwie darstellen.

00:52:30.160 --> 00:52:33.920
 Und das ist was, mit dem wir heute arbeiten, mit dem alle Browser arbeiten können.

00:52:33.920 --> 00:52:38.540
 Und wir holen uns unsere WOF-Schriften, kaufen die, lizenzieren sie

00:52:38.540 --> 00:52:47.180
 oder holen sie halt direkt von der Open Type, also eine kostenlose Open Source Schrift-Sammlung herunter

00:52:47.180 --> 00:52:48.460
 und können die verwenden.

00:52:48.460 --> 00:52:53.740
 Und das ist der Stand, den wir jetzt so seit 5, 6, 7 Jahren einfach haben.

00:52:53.740 --> 00:52:55.800
 Und da sind wir sehr glücklich drüber, dass das funktioniert.

00:52:55.800 --> 00:52:56.260
 Auf jeden Fall.

00:52:56.260 --> 00:53:04.440
 Und das ist so der kleine Ritt gewesen, generell über die, ja, die des Schriften einbinden.

00:53:04.440 --> 00:53:07.720
 Aber darüber hinaus ist es ja nur ein Aspekt, sag ich mal.

00:53:07.720 --> 00:53:11.520
 Also Typografie ist ja nicht das gleiche wie Schriftarten einbinden.

00:53:11.520 --> 00:53:18.700
 Sondern natürlich gab es natürlich eine riesengroße Entwicklung in der Webtypografie,

00:53:19.340 --> 00:53:24.780
 die man ganz schwer zusammenfassen kann, aber die letztendlich so richtig Fahrt aufgenommen hat

00:53:24.780 --> 00:53:28.640
 mit CSS eigentlich und den ersten CSS-Versionen.

00:53:28.640 --> 00:53:36.360
 Aber vor allem dann den ganzen kompletten CSS-Layouts, die dann so möglich waren ab 2004, 2005,

00:53:36.360 --> 00:53:43.020
 wo man angefangen hat, eben nicht mehr sein Layout in HTML zu machen und sein Design,

00:53:43.380 --> 00:53:46.380
 sondern wo man das ausgelagert hat in getrennte CSS-Dateien.

00:53:46.380 --> 00:53:53.660
 Das war ja dieses große Umdenken in der Zeit, wo quasi man jeden gefeiert hat,

00:53:53.660 --> 00:53:58.460
 der so fortschrittlich war und gesagt hat, ich habe mein HTML jetzt komplett clean,

00:53:58.460 --> 00:54:02.100
 ohne Styling-Angaben und mache alles in CSS.

00:54:02.100 --> 00:54:06.240
 Und die ersten komplexeren Layouts, bei denen das überhaupt gemacht wurde,

00:54:06.480 --> 00:54:12.260
 da reden wir von 2004, so 2005 vielleicht, ein paar ganz wenige, 2003 schon.

00:54:12.260 --> 00:54:17.320
 Und da ging es dann los mit CSS 2, dann kam CSS 3 dazu.

00:54:17.320 --> 00:54:24.520
 Und inzwischen ist es so, dass wir, was die typografischen Möglichkeiten angeht,

00:54:24.520 --> 00:54:29.580
 mit CSS eigentlich dem Print kaum noch nachstehen.

00:54:29.940 --> 00:54:35.920
 Es gibt wenig Features, die wir in InDesign nutzen können, die wir nicht im Web auch nutzen können.

00:54:35.920 --> 00:54:41.940
 Und ganz grob gesprochen, natürlich gibt es im Web noch ein paar andere Sachen,

00:54:41.940 --> 00:54:47.640
 die halt im Print gar nicht möglich sind, die halt irgendwie dem geschuldet sind,

00:54:47.640 --> 00:54:51.400
 dass wir halt auf dem Bildschirm arbeiten und natürlich noch ein paar Möglichkeiten haben,

00:54:51.400 --> 00:54:57.640
 was Animationen angeht, was Responsivität angeht und so weiter,

00:54:57.640 --> 00:55:00.800
 die natürlich über das hinausgehen sogar, was im Print möglich ist.

00:55:00.800 --> 00:55:04.960
 Und das ist der spannende Teil, auf den wir uns seit ein paar Jahren konzentrieren irgendwie.

00:55:04.960 --> 00:55:09.000
 Also erst mal mit dem Print gleichzuziehen, was Features angeht,

00:55:09.000 --> 00:55:13.040
 aber dann eben auch darüber hinaus zu gucken, was ist mediengerecht auch fürs Web

00:55:13.040 --> 00:55:14.560
 und wo können wir da noch mehr machen.

00:55:16.860 --> 00:55:19.620
 Ich muss grad ganz kurz noch einen Einschub machen.

00:55:19.620 --> 00:55:24.460
 Ich kann grad ganz live berichten, es hat grad jemand drei Biere gespendet und der kriegt das jetzt ...

00:55:24.460 --> 00:55:29.640
 Wir machen das jetzt mal so ganz Streamermäßig, wo die Leute sofort belohnt werden für das, was sie machen.

00:55:29.640 --> 00:55:30.640
 Also sofort bei Twitch.

00:55:30.640 --> 00:55:32.260
 Sobald ich die Folge editiert hab?

00:55:32.260 --> 00:55:35.140
 Ja genau, wir müssen demnächst dann live streamen, das ist klar.

00:55:35.140 --> 00:55:38.280
 Aber hat jemand mal von euch bei Twitch irgendwie so Streams geschaut?

00:55:38.280 --> 00:55:39.880
 Ich bin da grad so ein bisschen am rumgucken.

00:55:40.080 --> 00:55:43.640
 Also da ist es wirklich so, also da gibt's dann sofort Belohnung dafür.

00:55:43.640 --> 00:55:47.300
 Da wird dann eine Animation abgespielt und ein Sound und das kriegt derjenige jetzt auch.

00:55:47.300 --> 00:55:51.820
 Genau, ganz kurz, danke, Applaus.

00:55:51.820 --> 00:55:54.100
 Es steht someone, ich weiß nicht, wer es war.

00:55:54.100 --> 00:55:56.500
 Auf jeden Fall vielen Dank an der Stelle.

00:55:56.500 --> 00:55:57.560
 Ja, vielen herzlichen Dank.

00:55:57.560 --> 00:55:58.520
 Super gut.

00:55:58.520 --> 00:56:02.880
 Als hätten sie gehört, was ich gesagt habe.

00:56:02.880 --> 00:56:03.980
 Wir streamen doch gar nicht.

00:56:03.980 --> 00:56:07.180
 Irgendjemand hört uns grad so, hab ich aus Versehen den Livestream-Knopf gedrückt.

00:56:07.180 --> 00:56:10.000
 Nee, keine Sorge.

00:56:10.080 --> 00:56:11.320
 Ich kenn den Link davon.

00:56:11.320 --> 00:56:14.440
 Okay, jetzt kann man, Entschuldigung, das muss sich jetzt kurz einbauen.

00:56:14.440 --> 00:56:16.980
 Ja, vielen Dank für die, für die Hinführung zum Thema.

00:56:16.980 --> 00:56:19.140
 Wow, richtig umfangreich, sehr schön.

00:56:19.140 --> 00:56:22.580
 Da hatte ich mir einige Sachen schon notiert, die ich sonst selber gesagt hätte, aber war

00:56:22.580 --> 00:56:24.080
 eigentlich alles abgedeckt.

00:56:24.080 --> 00:56:27.680
 Und du hast auch schon so ein bisschen so einen Ausblick gerade gegeben.

00:56:27.680 --> 00:56:32.020
 Aber vielleicht kann man es nochmal kurz prägnanter zusammenfassen.

00:56:32.020 --> 00:56:35.720
 Also wir haben jetzt inzwischen eigentlich überall WoW, wenn nicht sogar WoW 2 Support.

00:56:35.720 --> 00:56:36.900
 Also in allen großen Browsern.

00:56:36.960 --> 00:56:41.380
 Da brauchst du dich da eigentlich gar nicht mehr um irgendwie EOT oder SVG-Fonts, gab's

00:56:41.380 --> 00:56:42.760
 ja auch noch, oder sowas kümmern.

00:56:42.760 --> 00:56:46.100
 Aber gut, SVG, das war irgendwie auch so ein Rohrgrepierer.

00:56:46.100 --> 00:56:48.180
 Irgendwie weiß gar nicht, wer das alles unterstützt hat.

00:56:48.180 --> 00:56:49.840
 Das war doch irgendwie für iOS, glaube ich, war das, ne?

00:56:50.080 --> 00:56:55.780
 Nein, nein, nein, nein, nein, nein, für Android und zwar älter als, glaube ich, irgendwie 4.1 oder sowas.

00:56:55.780 --> 00:56:59.140
 Ich weiß auf jeden Fall, Mobile Devices war irgendwie so genau das.

00:56:59.140 --> 00:57:03.800
 Also Version 3 bis 4.4.4.

00:57:03.800 --> 00:57:08.300
 3, das war doch diese reine Tablet-Version, oder?

00:57:08.500 --> 00:57:09.100
 Ja, ja, ja.

00:57:09.100 --> 00:57:09.700
 Oh Gott, echt.

00:57:09.700 --> 00:57:12.840
 Ja, ja, SVG, also das ist irgendwie, das ist unfassbar.

00:57:12.840 --> 00:57:14.120
 Das habe ich, ich habe noch nie davon gehört.

00:57:14.120 --> 00:57:18.260
 Das gab's schon vorher schon, aber das hat niemals irgendjemand verwendet.

00:57:18.260 --> 00:57:20.160
 Und danach auch nie wieder.

00:57:20.160 --> 00:57:21.760
 Also das ist also unfassbar, ja.

00:57:21.760 --> 00:57:26.260
 Gut, jedenfalls, jetzt haben wir die und die Unterstützung für diese fortschrittlichen

00:57:26.260 --> 00:57:28.220
 und mit OpenType Features versehenen Fonds.

00:57:28.220 --> 00:57:32.600
 Wo liegen denn jetzt heute noch so die Herausforderungen beim Thema Webtypographie?

00:57:32.600 --> 00:57:35.660
 Technische oder gestalterisch?

00:57:35.660 --> 00:57:36.760
 Sowohl als auch.

00:57:36.760 --> 00:57:40.080
 Also gerne auch das Gestalterische, weil gestalterisch bin ich gar nicht so drin.

00:57:40.080 --> 00:57:41.320
 Ich bin ja eher der Techniker.

00:57:41.320 --> 00:57:43.300
 Deswegen gerne in beide Richtungen.

00:57:43.300 --> 00:57:45.840
 Also vielleicht fangen wir beim Gestalterischen mal an.

00:57:45.840 --> 00:57:49.820
 Ich finde, die große Herausforderung der letzten Jahre ist,

00:57:49.820 --> 00:57:53.860
 dass wir zusehends ja Mobile First haben.

00:57:55.180 --> 00:57:59.040
 bei denen, ja, es wird immer empfohlen, es wird immer gesagt,

00:57:59.040 --> 00:58:00.000
 dann auch Mobile First und so.

00:58:00.000 --> 00:58:01.840
 Das Wichtigste, erst mal ein Smartphone machen.

00:58:01.840 --> 00:58:05.840
 Aber dann hast du das Problem, dass du dann doch, ja, doch auch eine Version brauchst

00:58:05.840 --> 00:58:08.060
 oder auch irgendwie das Ganze dann großziehen musst,

00:58:08.060 --> 00:58:10.420
 wenn du dann doch mal am großen Bildschirm bist, auf das Weise mal.

00:58:10.420 --> 00:58:14.000
 Und dann hast du das Problem, dass die meisten Mobile First Seiten

00:58:14.000 --> 00:58:16.180
 dann doch eher das Blutleer wirken.

00:58:16.180 --> 00:58:20.380
 Und das ist das große Problem, dass vom Layout her,

00:58:20.380 --> 00:58:24.440
 dass du, dass du doch alles sehr, sehr ähnlich aussiehst

00:58:24.440 --> 00:58:28.980
 und sehr, sehr gleichförmig aussieht, weil du halt gewisse Best Practices hast,

00:58:28.980 --> 00:58:34.580
 die halt durch, oft auch durch konkrete Baukastensysteme vorgegeben sind.

00:58:34.580 --> 00:58:38.400
 Ja, also sprich irgendwie die ganzen, wie heißen sie hier,

00:58:38.400 --> 00:58:41.540
 Grid-Systeme und Bootstrap und hast du nicht gesehen.

00:58:42.180 --> 00:58:45.660
 Da gibt es ja ganz viele Best Practices und die sehen aber immer gleich aus

00:58:45.660 --> 00:58:46.700
 und funktionieren auch immer gleich.

00:58:46.700 --> 00:58:51.600
 Und man weiß, die sind rock solid, funktionieren irgendwie, aber ja.

00:58:51.600 --> 00:58:56.020
 Und sehen halt einfach dann manchmal einfach langweilig aus,

00:58:56.020 --> 00:58:57.900
 wenn du es dann groß ziehst auf einem großen Bildschirm,

00:58:57.900 --> 00:58:58.800
 weil dann nichts mehr passiert.

00:58:58.800 --> 00:59:00.880
 Das ist irgendwie dann so vom Mobile her gedacht.

00:59:00.880 --> 00:59:06.380
 Und unsere Herausforderung ist eigentlich trotzdem auch diese Sachen spannend zu gestalten.

00:59:06.380 --> 00:59:09.420
 Und da kann Typografie halt unheimlich helfen.

00:59:09.420 --> 00:59:15.200
 Da kann auch Illustration helfen und Fotografie und Farbgebung und so weiter.

00:59:15.640 --> 00:59:20.000
 Aber eine spannende Schriftwahl, interessante typografische Effekte

00:59:20.000 --> 00:59:25.700
 oder auch einfach da Sorgfalt reinstecken in die verschiedenen Schriftebenen,

00:59:25.700 --> 00:59:30.260
 kann da enorm weiterhelfen, so ein Layout trotzdem interessant zu halten,

00:59:30.260 --> 00:59:34.960
 auf größeren Bildschirmen, wo es bei kleineren Bildschirmen ja wirklich eher darum geht,

00:59:34.960 --> 00:59:38.900
 das Ganze platzsparend und so, dass man nicht zu viel scrollen muss und so.

00:59:38.900 --> 00:59:40.060
 Darum, das ist so das Hauptding.

00:59:40.060 --> 00:59:42.700
 Aber bei größeren Bildschirmen müssen wir jetzt wieder darauf achten,

00:59:42.760 --> 00:59:46.980
 das Ganze irgendwie interessant zu machen, um das nicht alles langweilig und gleich aussieht.

00:59:46.980 --> 00:59:51.600
 Das halte ich so für eine der größten Herausforderungen gestalterisch.

00:59:51.600 --> 00:59:56.980
 Also mehr typografisch wagen, aber auch wieder mehr, das sage ich auch immer dazu,

00:59:56.980 --> 01:00:00.440
 immer mehr Illustration und Fotografie in den Vordergrund treten lassen,

01:00:00.440 --> 01:00:05.840
 weil da hat man eine Chance, sich abzusetzen vom Rest des Webs.

01:00:05.840 --> 01:00:09.700
 Macht ihr ja hervorragend auf der Webseite von WoWir sind, ist vorne.

01:00:10.180 --> 01:00:15.760
 Das ist auf jeden Fall sehr grell und auffällig und prägnant und einprägsam.

01:00:15.760 --> 01:00:17.080
 Und das muss auch so sein.

01:00:17.080 --> 01:00:21.780
 Ich finde, das ist der Weg irgendwie, dass man sich was Eigenständiges schafft mit Typografie.

01:00:21.780 --> 01:00:22.780
 Das ist hier gemacht.

01:00:22.780 --> 01:00:27.360
 Technologisch gesehen, ja, ich habe es vorhin schon so angedeutet,

01:00:27.520 --> 01:00:36.860
 Ich sehe das große Problem eigentlich nicht darin, dass die Datenmenge zu groß wird und man zu viele Schriften einbittet.

01:00:36.860 --> 01:00:39.480
 Das ist, finde ich, vernachlässigbar so ein bisschen.

01:00:41.240 --> 01:00:44.640
 Das große Thema, was im Raum steht, sind diese Variable Fonts.

01:00:44.640 --> 01:00:48.520
 Und vielleicht kann ich ganz kurz umreißen.

01:00:48.520 --> 01:00:52.480
 Ich bin da jetzt auch kein Experte da drin, weil es halt immer noch recht früh ist.

01:00:52.480 --> 01:00:59.420
 Variable Fonts ist die Idee, dass man nicht mehr verschiedene Schriftschnitte benötigt für die gleiche Schrift, für verschiedene Schriften.

01:00:59.920 --> 01:01:06.720
 Also bisher hat man ja immer gehabt, man hat eine Normalschrift gehabt, eine Fette, eine Kursive, Fettkursiv und vielleicht noch Zwischenstufen dazwischen.

01:01:06.720 --> 01:01:10.360
 Irgendwie noch Medium oder Superbold und so weiter und so fort.

01:01:10.360 --> 01:01:15.880
 Und irgendwann hat man dann auf der Webseite dann 33 verschiedene Schnitte der gleichen Schrift.

01:01:15.880 --> 01:01:18.720
 Das soll Variable Fonts quasi abschaffen.

01:01:18.720 --> 01:01:22.840
 Die sagen, wir brauchen nur eine einzige Datei, eine Fontdatei.

01:01:22.840 --> 01:01:26.700
 Und die hat verschiedene Gestaltungsachsen, nennt man die da.

01:01:28.200 --> 01:01:33.580
 Das sind nicht unbedingt jetzt ganz wörtlich genommen Achsen, obwohl es das auch gibt.

01:01:33.580 --> 01:01:44.160
 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.

01:01:44.160 --> 01:01:47.300
 Eine andere Achse könnte aber sein eben die Fette der Schrift.

01:01:47.300 --> 01:01:55.180
 Also wie dick sind die einzelnen Buchstaben oder habe ich vielleicht ein bisschen mehr Zeilenabstand, das aber auch, aber vor allem Buchstabenabstand.

01:01:55.800 --> 01:02:02.560
 Oder zum Beispiel bestimmte Kleinigkeiten an Schriften, wie zum Beispiel irgendwie die Unterlänge.

01:02:02.560 --> 01:02:08.240
 Wenn ich jetzt so ein G habe, so ein kleines G oder ein kleines Q, wie tief runter geht das zum Beispiel.

01:02:08.240 --> 01:02:12.140
 Genau, also diese Achsen können unterschiedliche Sachen sein.

01:02:12.140 --> 01:02:13.840
 Da gibt es auch viel Experimentelles zu sehen.

01:02:14.400 --> 01:02:27.500
 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.

01:02:27.780 --> 01:02:38.220
 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.

01:02:38.220 --> 01:02:45.460
 Man kennt es ja aus CSS zum Beispiel, dass man ja diese Fette Stufen hat von 100 bis 900.

01:02:45.460 --> 01:02:55.600
 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.

01:02:55.600 --> 01:03:01.800
 So, es gab Schriften, die dann durchaus auch die anderen Zwischenstufen verwendet haben, aber immer nur in 100er-Däckchen.

01:03:01.800 --> 01:03:13.040
 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.

01:03:13.040 --> 01:03:18.360
 Genau, also war auch nicht animierbar zum Beispiel dazwischen, sondern die switchen dann halt um zwischen den dicken, ja.

01:03:18.360 --> 01:03:20.700
 Richtig, genau. Ist einfach nur so, genau.

01:03:20.700 --> 01:03:34.620
 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.

01:03:34.620 --> 01:03:47.400
 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.

01:03:47.600 --> 01:04:07.820
 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.

01:04:07.820 --> 01:04:12.960
 Das Ganze mit einer einzigen Trift-Datei, die teilweise sehr, sehr klein sein kann.

01:04:12.960 --> 01:04:20.200
 Und man kann sogar mehrere Schriftarten in einen Font reinpacken.

01:04:20.200 --> 01:04:30.520
 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.

01:04:30.520 --> 01:04:37.080
 Aber gut, Underwear hat auf ihrer Webseite sämtliche Schriften in einen einzigen Font reingepackt.

01:04:37.080 --> 01:04:38.960
 Also alles irgendwie.

01:04:38.960 --> 01:04:42.240
 Und der ist irgendwie nur Megabyte groß oder so.

01:04:42.240 --> 01:04:44.640
 Und das ist alles mit drin irgendwie.

01:04:44.640 --> 01:04:50.360
 Das ist also wirklich winzig, enthält alle Schnitte und alle Features und ist fantastisch.

01:04:50.760 --> 01:04:57.160
 Das Problem ist nur, das ist alles eine wahnsinnig tolle Demo und klingt auch wahnsinnig interessant und wow.

01:04:57.160 --> 01:05:04.320
 Es ist aber eigentlich in der Praxis, braucht man es eigentlich nicht wirklich, wenn man ehrlich zu sich ist.

01:05:04.800 --> 01:05:12.560
 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.

01:05:12.560 --> 01:05:21.020
 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.

01:05:21.580 --> 01:05:31.000
 Das Problem ist ja, dass die verschiedenen Fettenstufen und die verschiedenen Schriftschnitte ja durchaus auch gestalterische Entscheidungen sind.

01:05:31.000 --> 01:05:38.460
 Das sind ja Presets, die ich habe, die auch Sinn ergeben, die auch intelligent gemacht sind und gestaltet sind.

01:05:38.460 --> 01:05:41.180
 Und die halt eben auch nicht nur eine Interpolation sind.

01:05:41.180 --> 01:05:46.800
 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.

01:05:47.220 --> 01:05:55.920
 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.

01:05:55.920 --> 01:05:58.300
 Und das geht ein bisschen natürlich dabei verloren.

01:05:58.300 --> 01:06:05.640
 Ich wollte gerade nochmal ganz kurz sagen, warum es bei mir jetzt so ist, dass ich das noch nicht eingesetzt habe.

01:06:05.640 --> 01:06:10.620
 Es ist nämlich, dass es einfach viel zu wenig Schriften gibt derzeit, die Variable Fonts sind.

01:06:10.620 --> 01:06:14.480
 Also mir fehlen da irgendwie so die Alternativen.

01:06:14.580 --> 01:06:19.080
 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.

01:06:19.080 --> 01:06:22.880
 Also so die klassischen Schriften findet man da halt in dem Format leider noch nicht.

01:06:23.660 --> 01:06:26.100
 Genau, das hängt damit zusammen, was du gesagt hast.

01:06:26.100 --> 01:06:43.920
 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.

01:06:44.120 --> 01:06:49.760
 Und das geht dann da verloren oder es ist extrem viel Arbeit, es so aufzubereiten, es so zu machen.

01:06:50.820 --> 01:07:15.920
 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.

01:07:15.980 --> 01:07:22.220
 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.

01:07:22.220 --> 01:07:25.160
 Da ist so ein bisschen so ein Missverhältnis.

01:07:25.160 --> 01:07:33.200
 Dazu kommt, wenn ich jetzt ein Schriftanbieter bin und haue so ein Font raus, ist die Frage, was verlange ich denn jetzt dafür?

01:07:33.200 --> 01:07:37.900
 Muss ich jetzt die Schrift so teuer machen, wie die gesamte Familie?

01:07:37.900 --> 01:07:39.320
 Die gesamte Schriftfamilie eigentlich, ja.

01:07:39.320 --> 01:07:40.620
 Oder sogar noch teurer.

01:07:40.620 --> 01:07:42.480
 Weil ist ja Arbeit reingeflossen, klar.

01:07:43.260 --> 01:07:51.860
 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.

01:07:51.860 --> 01:07:53.580
 Kommt oft nur noch vor, dass wir nur zwei Schnitte kaufen.

01:07:53.580 --> 01:08:01.940
 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.

01:08:01.940 --> 01:08:10.940
 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?

01:08:10.940 --> 01:08:11.700
 Schwierig.

01:08:11.700 --> 01:08:24.000
 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.

01:08:25.260 --> 01:08:29.040
 Kann sein, dass es noch ein bisschen dauert, kann sein, dass es aber auch nie kommt.

01:08:29.040 --> 01:08:36.040
 Es gibt eine Parallele dazu im Printbereich, gibt es schon auch aus den 90er Jahren den Standard Multiple Master.

01:08:36.040 --> 01:08:37.880
 Das kennen einige Älterer noch vielleicht.

01:08:37.880 --> 01:08:39.680
 Exakt das Gleiche eigentlich.

01:08:40.480 --> 01:08:51.960
 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.

01:08:51.960 --> 01:08:55.900
 Aber ich habe die mir quasi selber zusammen wirklich gebacken als Schrift.

01:08:56.120 --> 01:08:57.680
 Das hat sich auch nicht durchgesetzt.

01:08:57.680 --> 01:09:13.020
 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.

01:09:13.020 --> 01:09:16.580
 Da fließt auch Arbeit rein und ich sehe das Ganze eher so ein bisschen skeptisch.

01:09:16.580 --> 01:09:22.660
 Kann aber sein, dass wir uns in zwei, drei Jahren treffen und das ist das neue große Ding und hat sich durchgesetzt.

01:09:23.340 --> 01:09:24.360
 Sehr interessanter Einblick.

01:09:24.360 --> 01:09:33.040
 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.

01:09:33.040 --> 01:09:36.900
 Stimmt, dann einfach teuer. Also ich meine, das ist schon alles ziemlich teuer.

01:09:36.900 --> 01:09:44.860
 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?

01:09:44.860 --> 01:09:52.820
 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.

01:09:52.820 --> 01:10:03.620
 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.

01:10:03.620 --> 01:10:06.880
 Also denen würde ich da am meisten vertrauen, dass sie da was Sinnvolles machen.

01:10:08.020 --> 01:10:25.640
 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.

01:10:25.820 --> 01:10:39.300
 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.

01:10:39.760 --> 01:10:40.760
 Die ist doch auch frei, ne?

01:10:40.760 --> 01:10:42.520
 Die ist doch frei, ne?

01:10:42.520 --> 01:10:44.400
 Ja, die ist auch frei. Die kostet nichts, genau.

01:10:45.420 --> 01:10:53.180
 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.

01:10:53.180 --> 01:10:59.400
 Ah ja, das ist klar, das ist natürlich ein Helvetica-Clone in irgendeiner Form, ja. Nicht ganz, aber ja, kommt hin, ja.

01:10:59.400 --> 01:11:14.220
 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.

01:11:14.220 --> 01:11:21.080
 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ß.

01:11:21.080 --> 01:11:35.680
 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.

01:11:35.680 --> 01:11:43.840
 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.

01:11:44.220 --> 01:11:49.260
 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.

01:11:51.080 --> 01:12:03.400
 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.

01:12:03.400 --> 01:12:08.440
 Ich wollte ganz kurz noch das Thema Variable zum Abschluss bringen.

01:12:08.440 --> 01:12:09.040
 Entschuldigung, ja, ja.

01:12:09.040 --> 01:12:18.060
 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.

01:12:18.480 --> 01:12:22.360
 Eine ganz lustige Sache habe ich gesehen, das ist eine Demo von Mandy Michael.

01:12:22.360 --> 01:12:30.620
 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.

01:12:31.480 --> 01:12:40.580
 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.

01:12:40.580 --> 01:12:47.420
 Und durch das Animieren zwischen diesen zwei Schnitten dann einen lustigen, äh, Wackelpudding-Effekt erzeugen.

01:12:47.420 --> 01:12:53.040
 Fand ich ganz nett. Verlinke ich auch in den, in den, in den Shownotes.

01:12:53.040 --> 01:12:54.500
 Habt das gesehen, ja.

01:12:54.500 --> 01:12:56.040
 Ah ja, cool.

01:12:56.040 --> 01:13:01.460
 Gut, genau, genau die Zensierungsmodelle. Das war nämlich, ähm, der Punkt, als ich dich angeschrieben habe auf Twitter.

01:13:01.480 --> 01:13:05.020
 Da kam irgendwie innerhalb von Minuten, glaube ich, war es, die Antwort zurück.

01:13:05.020 --> 01:13:11.480
 Und, äh, vom Wortlaut her, äh, war das irgendwie, äh, ja, dieses unsägliche Lizenzmodell.

01:13:11.480 --> 01:13:18.420
 Ich hab's mir sogar notiert. Das bescheuerte Lizenzmodell Pay-As-You-Go, das von vorne bis hinten kundenfeindlich ist.

01:13:18.420 --> 01:13:21.620
 Und, äh, für alle Monotype-Klassiker gilt. Nicht vermittelbar.

01:13:21.620 --> 01:13:24.920
 Jetzt darfst du, darfst du ranten.

01:13:24.920 --> 01:13:27.800
 Ja, ja, ich bin da schon wieder verraucht.

01:13:27.800 --> 01:13:29.380
 Ne, es gibt ja jetzt gute Alternativen.

01:13:29.380 --> 01:13:34.640
 Ne, es ist so, ähm, äh, es gibt, es gibt ein, ein, ähm, es gibt so zwei, ich hol ein bisschen aus.

01:13:34.640 --> 01:13:39.080
 Es gibt, bei den, bei den professionellen Schriften gibt es so zwei große Gruppen.

01:13:39.080 --> 01:13:41.360
 Und zwar das eine sind so die ewigen Klassiker.

01:13:41.360 --> 01:13:44.580
 Und das andere sind so die neuen, jungen, wilden Schriften.

01:13:45.060 --> 01:13:54.640
 Und die ewigen Klassiker sind halt die, die man im Studium lernt, die bis 1990 oder bis 2000 so das Maß der Dinge waren.

01:13:55.040 --> 01:14:01.520
 Und das sind Schriften, die im Wesentlichen stammen aus den Jahren 1950 bis 1990 oder so, ja.

01:14:01.520 --> 01:14:08.240
 Und die sind eigentlich fast alle ausnahmslos oder zu ganz großen Teilen bei Monotype angesiedelt.

01:14:08.720 --> 01:14:21.520
 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.

01:14:21.520 --> 01:14:32.380
 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.

01:14:32.380 --> 01:14:40.020
 Ähm, das sind so die ganzen großen, alten, ähm, weißen, grauen Herren der Schrift, äh, Anbieter.

01:14:40.020 --> 01:14:41.560
 Und die haben die ganzen Klassiker.

01:14:41.560 --> 01:14:47.300
 Die haben Helvetica, die haben, ähm, ähm, ähm, ähm, na, jetzt fällt mir natürlich wirklich nichts ein, ne, ist ja klar.

01:14:47.300 --> 01:14:51.500
 Ähm, also, ähm, ähm, die Garamon.

01:14:51.520 --> 01:14:57.900
 Von einer bestimmten Geschmacksrichtung, äh, äh, alle, alle, alle Schriften, die man im Studium so als die Klassikerschriften lernt, haben die.

01:14:57.900 --> 01:15:04.940
 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.

01:15:04.940 --> 01:15:20.640
 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,

01:15:21.000 --> 01:15:22.220
 muss ich neue Pageviews kaufen.

01:15:22.220 --> 01:15:23.760
 Und das immer wieder.

01:15:23.760 --> 01:15:29.020
 Das heißt, ich muss, ähm, es verlangt, dass ich tracke, das ist klar, aber das ist nicht ungewöhnlich.

01:15:29.020 --> 01:15:38.060
 Ä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,

01:15:38.060 --> 01:15:43.080
 und dann irgendwann kommt Monotype an, oder kommt Monotype an und sagt, hier, ich möchte neues Geld haben für die Schrift.

01:15:43.620 --> 01:15:50.620
 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,

01:15:50.620 --> 01:15:59.720
 normalerweise nicht der Schriftlizenznehmer, sondern der Kunde, der dann, der kriegt dann irgendwann Rechnungen von, aus unregelmäßigen Abständen, Rechnungen von Monotype,

01:16:00.100 --> 01:16:03.200
 um die Schrift nachzulizenzieren, und das ist schwierig.

01:16:03.200 --> 01:16:09.960
 Das ist einfach, ne, du hast, du kaufst nicht einmal eine Schrift und bist davon ab, sondern du, du musst quasi immer wieder nachlizenzieren,

01:16:09.960 --> 01:16:13.720
 und das ist wirklich, wirklich schwierig, und das sind auch sehr, sehr teure Geschriften, das ist wirklich teuer.

01:16:13.820 --> 01:16:19.740
 Einmal eine Spam-Bot-Welle, oder irgendwie auf Heise in einem Artikel verlinkt worden, und dann kommt direkt die dicke Rechnung.

01:16:19.740 --> 01:16:20.580
 Krass.

01:16:20.580 --> 01:16:28.060
 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.

01:16:28.060 --> 01:16:35.360
 Was das freundlichere Modell ist, was auch fair ist, ist monatliche Pageviews, ne, das heißt, du kaufst die Schrift einmal,

01:16:35.360 --> 01:16:40.880
 und hast dann, sagst du mal, jeden Monat 50.000 Pageviews frei, oder auch 500.000 Pageviews frei.

01:16:41.140 --> 01:16:46.460
 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,

01:16:46.460 --> 01:16:52.560
 kann ich das einmal kaufen und bin dann erstmal ruhig, kann dann erstmal ruhig schlafen, und wenn dann doch der große Erfolg einsetzt,

01:16:52.560 --> 01:16:58.940
 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,

01:16:58.940 --> 01:17:03.640
 sondern es reicht, wenn du halt einmal das lizenzierst und einmal die Kosten hast, weil Kunden zu vermitteln,

01:17:03.640 --> 01:17:09.280
 dass sie in ungemäßigen Abständen immer mal wieder was zahlen müssen für Schriften, ist wirklich schwierig zu vermitteln.

01:17:09.940 --> 01:17:15.280
 Und deswegen meide ich alle Schriften, die dieses Lizenzmodell haben, und sage, geh woanders hin.

01:17:15.780 --> 01:17:25.280
 Und der Tipp, um das abzuschließen, wo man hingeht, um sich die coolen Lizenzen zu holen, ist eine Seite, nennt sich fontspring.com.

01:17:25.620 --> 01:17:30.820
 Das ist die Schwesterseite von Fontsquirrel. Auf Fontsquirrel gibt es die kostenlosen Schriften,

01:17:30.820 --> 01:17:39.120
 und das gleiche Team macht aber fontspring.com, und dort gibt es eben Schriften, gerade auch für Web, zu fairen Konditionen,

01:17:39.120 --> 01:17:44.140
 nicht kostenlos, aber eben zu fairen Konditionen, und das ist super gemacht, die Seite.

01:17:44.400 --> 01:17:48.800
 Und dort gibt es eben die jungen, neuen, wilden Schriften von unabhängigen Schriftstudios,

01:17:48.800 --> 01:17:55.720
 viel sympathischer und viel, viel besser als diese ganzen alten Klassiker, die zwar immer wieder gefragt werden,

01:17:55.720 --> 01:17:59.200
 weil natürlich Kunden haben Corporate Designs mit alten Klassikerschriften,

01:17:59.200 --> 01:18:05.340
 aber ich empfehle allen Leuten, geht lieber zu den neuen, jungen Schriften und guckt bei Fontspring, was es gibt, und kauft es dort.

01:18:06.740 --> 01:18:11.220
 Jetzt bin ich mir tatsächlich gar nicht sicher, ich hatte genau das Problem vor ein paar Jahren,

01:18:11.220 --> 01:18:15.240
 als ich meine Homepage gerelauncht habe, weil ich wollte die Brandon Grotesk haben,

01:18:15.240 --> 01:18:17.640
 der ein oder andere kennt es vielleicht, ich finde es eine sehr schöne Schrift,

01:18:17.640 --> 01:18:21.600
 und wollte die einfach, ich wusste, meine Homepage, die hat nicht viele Views,

01:18:21.600 --> 01:18:25.760
 und es war eben verdammt schwierig, genau so was zu finden, wo ich sagen kann,

01:18:25.760 --> 01:18:28.880
 ich zahle jetzt erst mal einmal für eine bestimmte Menge,

01:18:28.880 --> 01:18:33.580
 und habe das dann selbst in der Hand, und habe vor allem auch kein komisches Tracking auf meiner Seite,

01:18:33.580 --> 01:18:36.500
 ich will keine Third-Party-Skripts irgendwie bei mir einbinden.

01:18:36.740 --> 01:18:39.720
 Die sind, aus meiner Sicht, sind die potenziell böse, möchte ich nicht haben.

01:18:39.720 --> 01:18:41.920
 Und ich weiß jetzt gar nicht, wo ich am Ende gekauft habe,

01:18:41.920 --> 01:18:44.880
 aber es könnte, ich habe gerade nochmal geschaut, es könnte tatsächlich Fontspring gewesen sein,

01:18:44.880 --> 01:18:46.000
 weil da gibt es die nämlich auch.

01:18:46.000 --> 01:18:50.700
 Also am Ende war die dann relativ teuer, also ich glaube, ich habe die in allen,

01:18:50.700 --> 01:18:53.780
 warte mal, das kann nicht sein, der Preis ist hier zu günstig.

01:18:53.780 --> 01:18:57.060
 Also ich habe irgendwie für alle Schnitte, die es davon gibt,

01:18:57.060 --> 01:18:59.220
 irgendwie so, glaube ich, 300 Euro bezahlt oder so.

01:18:59.220 --> 01:19:03.960
 Aber halt auch mit, ah doch, Moment hier, da sehe ich, okay, ist jetzt vielleicht reduziert,

01:19:04.040 --> 01:19:07.220
 ich sehe es gerade, zwölf Fonts für 250 Dollar,

01:19:07.220 --> 01:19:10.620
 das kommt so ungefähr hin, den Preis, den ich im Kopf habe.

01:19:10.620 --> 01:19:13.240
 Genau, aber damit kann ich dann erstmal machen, was ich will.

01:19:13.240 --> 01:19:16.560
 Die vertrauen mir quasi erstmal, dass ich damit keinen Mist mache.

01:19:17.380 --> 01:19:20.980
 Und wenn ich dann sage, hey, das ist jetzt alles mega erfolgreich und ich habe sehr, sehr viele Views,

01:19:20.980 --> 01:19:23.220
 dann kann ich das auch nochmal hochstufen, genau.

01:19:23.220 --> 01:19:24.840
 Aber alles andere ist Quatsch.

01:19:24.840 --> 01:19:29.600
 Genau, also ich habe, es gibt so drei, drei Sachen.

01:19:29.600 --> 01:19:33.980
 Das Erste, wenn man es irgendwie geht, kauft man die Schrift direkt beim Hersteller,

01:19:33.980 --> 01:19:37.580
 also beim Schriftstudio, die die Schrift wirklich hergestellt haben,

01:19:37.580 --> 01:19:42.740
 die haben halt manchmal einen Shop der Webseite, der ist meistens schlecht.

01:19:42.740 --> 01:19:45.740
 Wenn er sehr schlecht ist, kauft nicht dort.

01:19:45.740 --> 01:19:48.080
 Wenn der Shop aber einigermaßen gut ist, kauft direkt beim Hersteller,

01:19:48.080 --> 01:19:50.660
 da bleibt er beim meisten hängen einfach für den Schriftgestalter.

01:19:50.660 --> 01:19:51.220
 Das ist fair.

01:19:52.020 --> 01:19:55.740
 Wenn der Shop scheiße ist oder wenn die keinen Shop haben, dann kauft bei Fontspring,

01:19:55.740 --> 01:20:00.520
 weil die haben, die sind einfach, die sind die freundlich, das sind die Guten.

01:20:00.520 --> 01:20:08.380
 Und wenn man dann, wenn es nicht anders geht, dann muss man halt doch irgendwie zu Monotype gehen

01:20:08.380 --> 01:20:15.760
 oder zu Fontshop, das ist auch Monotype oder zu, wie heißt das, MyFonts, das ist auch Monotype.

01:20:15.760 --> 01:20:20.300
 Also die haben also quasi alles aufgekauft, haben aber die Brands jeweils gelassen.

01:20:20.300 --> 01:20:25.980
 Es gibt also jetzt quasi drei oder vier Schriftkauf-Websites, die alle Monotype gehören.

01:20:25.980 --> 01:20:29.540
 Und das sind die Bösen, muss man ganz klar sagen.

01:20:29.540 --> 01:20:30.740
 Da lieber nicht kaufen.

01:20:30.740 --> 01:20:38.720
 Die vierte Möglichkeit ist, man hat dann doch irgendwo noch ein Adobe Fonts-Abo rumfliegen.

01:20:38.720 --> 01:20:45.100
 Also wer Kunde ist bei Adobe Cloud, Web Creative Cloud, bin ich ja selber nicht,

01:20:45.100 --> 01:20:48.240
 aber viele Kunden sind das oder viele Agenturen sind das auch.

01:20:49.140 --> 01:20:51.120
 Da ist dann Adobe Fonts mit dabei.

01:20:51.120 --> 01:20:55.260
 Und die bieten halt Fonts an zum Fremd-Hosten.

01:20:55.260 --> 01:20:59.300
 Also nicht zum Runterladen und selber einbinden, sondern über Typekit,

01:20:59.300 --> 01:21:02.240
 was die ja aufgekauft haben schon ganz früh,

01:21:02.240 --> 01:21:06.820
 kann man das dann quasi einbinden von der Typekit-Webseite,

01:21:06.820 --> 01:21:09.940
 die Schriften halt quasi bei denen gehostet.

01:21:09.940 --> 01:21:11.860
 Man bindet das mit dem Skript ein.

01:21:12.300 --> 01:21:13.140
 Sehr komfortabel.

01:21:13.140 --> 01:21:17.480
 Man muss sich nur im Klaren darüber sein, dass man halt einfach die Schriften woanders gehostet hat.

01:21:17.480 --> 01:21:19.520
 Das ist ein Datenschutz-Thema.

01:21:19.520 --> 01:21:21.420
 Man muss es angeben in der Datenschutzerklärung.

01:21:21.420 --> 01:21:26.060
 Und wenn eben Typekit-Server down ist, dann sind die Schriften halt nicht verfügbar.

01:21:26.060 --> 01:21:30.280
 Und wenn die irgendeinen Scheiß machen, dann ist es auch ein Problem.

01:21:30.820 --> 01:21:39.280
 Man muss sagen, Typekit sind schon auch eher die Guten insgesamt, also nicht die ganz Bösen.

01:21:39.280 --> 01:21:42.600
 Also halb gut waren noch mal besser.

01:21:42.600 --> 01:21:44.620
 Also bevor sie gekauft wurden, waren sie die ganz Guten.

01:21:44.620 --> 01:21:48.240
 Naja, Scherz beiseite, man kann das schon machen.

01:21:48.520 --> 01:21:54.480
 Man muss sich nur bewusst sein, dass wenn die Schriften von extern kommen, muss man halt eben Datenschutz-mäßig was beachten.

01:21:54.480 --> 01:21:57.880
 Und es ist eine gewisse Unsicherheit da von der Verlässlichkeit.

01:21:57.880 --> 01:22:00.420
 Aber es passt schon.

01:22:00.420 --> 01:22:03.800
 Wenn man das E-Rumfliegen hat, das Creative Clouds Abo, oder der Kunde hat ein Creative Clouds Abo,

01:22:03.800 --> 01:22:10.520
 ist es manchmal eine gute Möglichkeit, auch einen Schriftklassiker zu bekommen, ohne dieses komische Page-to-Go machen zu müssen.

01:22:10.520 --> 01:22:12.040
 Sehr interessanter Hinweis.

01:22:12.040 --> 01:22:13.420
 Wir haben das tatsächlich bei uns.

01:22:13.420 --> 01:22:15.600
 Und ich habe es überhaupt nicht auf dem Schirm gehabt.

01:22:18.500 --> 01:22:23.280
 Ja gut, dann haben wir Lizensierung durch, oder gibt es da noch einen Nachtrag?

01:22:23.280 --> 01:22:26.560
 Ich glaube, wir sind dann tatsächlich mit dem Thema durch.

01:22:26.560 --> 01:22:27.600
 Wow.

01:22:27.600 --> 01:22:31.980
 Wenn niemandem mehr irgendwie was einfällt, dann sind wir echt schnell heute.

01:22:31.980 --> 01:22:35.720
 Ich habe natürlich noch Spezialfragen.

01:22:35.720 --> 01:22:39.260
 Ich habe natürlich noch Spezialfragen an unseren Gast, das ist doch klar.

01:22:39.260 --> 01:22:40.220
 Na klar.

01:22:40.220 --> 01:22:41.880
 Die wir dich nicht vorbereitet haben.

01:22:41.880 --> 01:22:46.120
 Mich würde interessieren, ob du eine Lieblingsschriftart hast.

01:22:47.340 --> 01:22:49.180
 Und also erstmal so ganz allgemein?

01:22:49.180 --> 01:22:51.580
 Nee, kann es nicht geben.

01:22:51.580 --> 01:22:54.420
 Das ist wie wenn du einen Weinkenner fragen möchtest, ob er ein Lieblingswein hat.

01:22:54.420 --> 01:22:57.240
 Das hängt immer vom Kontext ab.

01:22:57.240 --> 01:22:59.260
 Und man hat immer so bestimmte Vorlieben.

01:22:59.260 --> 01:23:03.980
 Ich hatte, also fürs Web fand ich lange Zeit die Dings sehr, sehr toll.

01:23:03.980 --> 01:23:06.720
 Die hatte ich auf meiner Webseite auch drauf.

01:23:06.860 --> 01:23:08.980
 auf Praganz.de bis vor einem halben Jahr.

01:23:08.980 --> 01:23:13.640
 Alleine die Tat, dass der Name nicht einfällt, spricht schon Bände.

01:23:13.640 --> 01:23:18.280
 Die ist auch bei Tegut im Einsatz.

01:23:18.280 --> 01:23:20.420
 Jetzt fällt es mir echt nicht ein.

01:23:20.420 --> 01:23:21.880
 Ja.

01:23:21.880 --> 01:23:22.720
 Vielleicht kommt es wieder.

01:23:22.720 --> 01:23:23.560
 Kein Problem.

01:23:23.560 --> 01:23:24.060
 Ja, ja.

01:23:26.380 --> 01:23:30.240
 Aktuell habe ich auf meiner eigenen Webseite auch eine Schrift, die ich sehr begeistert bin.

01:23:30.240 --> 01:23:33.620
 Das ist die, ach Leute, es ist schon zu spät.

01:23:33.620 --> 01:23:37.540
 Tegut habe ich hier gerade die FF Teaser oder die FF Unit Rounded.

01:23:37.540 --> 01:23:39.220
 Die Teaser natürlich.

01:23:39.220 --> 01:23:41.000
 Teaser ist perfekt, super Schrift.

01:23:41.000 --> 01:23:45.040
 Sehr organisch, sehr, sehr menschlich, sehr, sehr würzig.

01:23:45.040 --> 01:23:46.820
 Das hat echt, das sehe halt einfach Esprit.

01:23:46.820 --> 01:23:50.140
 Und ist sehr, sehr kuschelig und wohlfühlmäßig drauf.

01:23:50.140 --> 01:23:53.700
 Und auf Praganz.de, die habe ich erst gekauft, die Schrift.

01:23:53.700 --> 01:23:56.080
 Habe ich jetzt nämlich neu.

01:23:56.080 --> 01:23:59.240
 Nicht diese Handschrift, die ist ja was eigenes.

01:23:59.240 --> 01:24:02.080
 Sondern natürlich die Questa.

01:24:02.500 --> 01:24:05.840
 Questa ist eine ganze Schrift Sippe.

01:24:05.840 --> 01:24:12.580
 Sippe bedeutet das, wenn ich von einer gleichen Schrift quasi sowohl eine Serifenlose habe

01:24:12.580 --> 01:24:20.780
 oder eine mit Serifen und noch eine mit krassen, wie heißt denn das, mit Slap Serif.

01:24:20.780 --> 01:24:26.700
 Und auch sogar noch eine klassischistische irgendwie mit so krassen Strichstärkenunterschieden.

01:24:26.700 --> 01:24:30.960
 Also verschiedene Schriftgattungen, sage ich mal, die aber alle zusammenspielen.

01:24:31.380 --> 01:24:35.080
 Und die Questa ist auch toll und auch ganz günstig eigentlich auch zu haben.

01:24:35.080 --> 01:24:37.280
 Und genau, die kann man auch sehr empfehlen.

01:24:37.280 --> 01:24:38.220
 Sieht man noch nicht so oft.

01:24:38.220 --> 01:24:41.180
 Das ist eine Empfehlung von meinem Bürokollegen Florian.

01:24:41.180 --> 01:24:42.220
 Der hat sie mir empfohlen.

01:24:42.220 --> 01:24:45.520
 Ich habe lange rum recherchiert, was ich für die neue Webseite verwenden soll.

01:24:45.520 --> 01:24:47.560
 Und dann habe ich da bei der Questa zugeschlagen.

01:24:47.560 --> 01:24:48.640
 Die fand ich super.

01:24:48.720 --> 01:24:50.540
 Ja, cool.

01:24:50.540 --> 01:24:54.320
 Vielleicht auch eine Empfehlung für den oder die eine oder andere Hörerin.

01:24:54.320 --> 01:24:58.640
 Eine Frage noch, noch eine weitere Frage.

01:24:58.640 --> 01:25:00.020
 Das habe ich noch auf meinem Zettel hier.

01:25:00.020 --> 01:25:05.520
 Hast du irgendwie so eine oder zwei Sachen, wo du sagst, das wäre doch was, was die Leute

01:25:05.520 --> 01:25:10.220
 viel leicht, ganz leicht auf ihren Homepages, was Typografie angeht, besser machen können,

01:25:10.220 --> 01:25:12.060
 was dich irgendwie nervt, was du oft siehst?

01:25:13.140 --> 01:25:16.760
 Seit 2004 habe ich das schon beschrieben.

01:25:16.760 --> 01:25:19.820
 Die sollen mal ihre Anführungszeichen in den Griff kriegen, die Leute.

01:25:19.820 --> 01:25:26.020
 Es ist wirklich nicht schwer und das ist wirklich, wirklich einfach und das ist wirklich kein Problem.

01:25:26.020 --> 01:25:32.300
 Einfach Anführungszeichen, also wir kennen die berühmte 99-66-Regel.

01:25:32.300 --> 01:25:38.780
 Also die korrekten Anführungszeichen im Deutschen sehen aus wie die Zahlen 99 und 66.

01:25:39.120 --> 01:25:44.020
 99 unten, damit beginnt das Zitat und das Zitat endet mit einer 66 oben.

01:25:44.020 --> 01:25:48.340
 Das ist leicht zu machen, kann man machen, ist deutsch schreibweise.

01:25:48.340 --> 01:25:50.800
 Oder man nimmt die Guimets, die französischen Guimets.

01:25:50.800 --> 01:25:57.940
 Die sind diese Möwchen, nennt man die manchmal, diese Pfeilartigen, Doppelpfeilartigen Dinger.

01:25:57.940 --> 01:25:59.300
 Genau, richtig.

01:25:59.300 --> 01:26:05.020
 Die lassen sich im Deutschen auch sehr schön einsetzen und zwar sowohl in der französischen

01:26:05.020 --> 01:26:10.580
 Variante, quasi so wie Klammern, aber auch im Deutschen erlaubt andersrum gesetzt.

01:26:10.580 --> 01:26:16.400
 Also, dass man sie quasi umdreht und sowieso, dass das Wort so eingezwängt ist irgendwie.

01:26:16.400 --> 01:26:21.300
 Beides kann schön sein und fügt sich gut ein.

01:26:21.300 --> 01:26:27.160
 Aber auf jeden Fall alles ist besser, als immer nur das Zollzeichen zu verwenden, was einfach falsch ist.

01:26:28.260 --> 01:26:35.080
 Es sei denn, man ist tatsächlich irgendwie in so einem Monospace-Umfeld, so Schreibmaschinenartig

01:26:35.080 --> 01:26:37.420
 unterwegs, was die wenigsten aber haben.

01:26:37.420 --> 01:26:39.600
 Das ist so ein Spezialanwendungsfall.

01:26:39.600 --> 01:26:40.620
 Das ist so ein kleiner Tipp vielleicht.

01:26:40.620 --> 01:26:49.220
 Wenn man, also wir schreiben unsere Rechnungen zum Beispiel so, unsere Rechnungen sind Monospace-Fixt-Schrift.

01:26:49.760 --> 01:26:53.800
 Das heißt, die sehen so ein bisschen aus wie mit Schreibmaschine geschrieben, so mit elektrischer

01:26:53.800 --> 01:26:54.320
 Schreibmaschine.

01:26:54.320 --> 01:26:59.320
 Das hat so einen gewissen, so einen kleinen, so einen halbbehördlichen Charakter, so was

01:26:59.320 --> 01:27:01.240
 Offizielles, so wie steuererklärungsmäßig irgendwie.

01:27:01.240 --> 01:27:03.000
 Finde ich gar nicht schlecht als Rechnung so.

01:27:03.000 --> 01:27:04.260
 Das hat dann so ein bisschen mehr Wumms.

01:27:04.260 --> 01:27:07.940
 So wird ein bisschen seriöser als irgendwie, wenn es zu schön ist.

01:27:07.940 --> 01:27:10.520
 Die Rechnung muss auch so ein bisschen buchhaltungsmäßig aussehen.

01:27:11.160 --> 01:27:16.100
 Und da kann man, also Monospace kann man tatsächlich auch Zollzeichen verwenden, weil das eben

01:27:16.100 --> 01:27:19.020
 so historisch gesehen von der Schreibmaschine hergekommen ist.

01:27:19.020 --> 01:27:23.120
 Da ist das irgendwie so noch so halbwegs okay, weil es ab Schreibmaschine gab es eben dann

01:27:23.120 --> 01:27:27.940
 nur die Zollzeichen, weil das halt eben, die Schreibmaschine hatte ja begrenzte Zeichenanzahl.

01:27:27.940 --> 01:27:34.300
 Durch die Schreibmaschinen-Dingerchen und auch diese Kugelkopfmaschinen hatten ja nur begrenzte

01:27:34.300 --> 01:27:36.240
 Anzahl und da musste man sparsam sein.

01:27:36.240 --> 01:27:37.120
 Da war das okay.

01:27:37.660 --> 01:27:42.220
 Aber im sonstigen richtigen Print-Umfeld oder eben natürlich auch im Web kann man ja

01:27:42.220 --> 01:27:43.260
 verdünftige Anführungszeichen verwenden.

01:27:43.260 --> 01:27:44.980
 Das gleiche gilt natürlich für das Apostroph.

01:27:44.980 --> 01:27:45.340
 Oh ja.

01:27:45.340 --> 01:27:48.100
 Apostroph-Nutzung ist ja eh so ein Thema.

01:27:48.100 --> 01:27:48.760
 Genau.

01:27:48.760 --> 01:27:52.900
 Und auch da, selbst wenn die Leute wissen, dass es nicht einfach nur ein Minutenzeichen

01:27:52.900 --> 01:27:56.040
 ist und schon gar, also es gibt ja verschiedene Fehler.

01:27:56.040 --> 01:27:57.580
 Ich sage mal ganz kurz die wichtigsten Fehler.

01:27:57.580 --> 01:28:01.120
 Also das Apostroph ist kein Minutenzeichen.

01:28:01.120 --> 01:28:03.160
 Nee, Minuten sowieso.

01:28:03.160 --> 01:28:04.460
 Sekundenzeichen wäre es, glaube ich.

01:28:04.460 --> 01:28:05.640
 Das ist gar nicht.

01:28:06.100 --> 01:28:07.920
 Also ein einfacher Strich nach unten, das ist falsch.

01:28:07.920 --> 01:28:12.280
 Dann ist kein Axon, weder linksrum noch rechtsrum.

01:28:12.280 --> 01:28:13.280
 Ja, das sieht man auch ganz oft.

01:28:13.280 --> 01:28:14.940
 Der Axon ist viel, viel flacher.

01:28:14.940 --> 01:28:15.900
 Der ist viel flacher.

01:28:15.900 --> 01:28:17.360
 Sieht auch richtig scheiße aus.

01:28:17.360 --> 01:28:17.600
 Ja.

01:28:17.600 --> 01:28:20.840
 Sondern der Apostroph, der sieht aus wie ein Komma.

01:28:20.840 --> 01:28:24.180
 Das ist wirklich, das ist quasi vorgeschrieben.

01:28:24.180 --> 01:28:26.720
 Das ist nicht in jeder Schrift so, aber in fast allen Schriften so.

01:28:26.720 --> 01:28:29.700
 Der Apostroph sieht aus wie ein Komma, nur hochgestellt.

01:28:30.220 --> 01:28:31.340
 Genau, heißt ja auch hochkommen.

01:28:31.340 --> 01:28:34.900
 Das ist von mir aus, ja, das wusste ich jetzt gar nicht, aber ja, kann sein.

01:28:34.900 --> 01:28:36.780
 Aber es ist so und es ist so einfach.

01:28:36.780 --> 01:28:37.940
 Es ist so einfach.

01:28:37.940 --> 01:28:42.940
 Und wenn die Leute das schon richtig haben, die das Zeichen richtig haben, drehen das manchmal noch um.

01:28:42.940 --> 01:28:48.200
 Es ist dann noch auf 180 Grad gedreht, was überhaupt gar kein, das gibt es nicht, das Zeichen.

01:28:48.660 --> 01:28:52.020
 Das ist quasi, das ist, das ist, das ist, das ist, das hat kein, ich weiß nicht, wo es herkommt.

01:28:52.020 --> 01:28:54.860
 Das ist wie ein schließendes Anführungszeichen, aber es ist nicht das Gleiche.

01:28:54.860 --> 01:28:58.820
 Es ist, es ist halt ein Apostroph, es ist einfach ein Komma, nur nach oben verschoben.

01:28:58.820 --> 01:28:59.960
 Und das ist so einfach.

01:28:59.960 --> 01:29:02.400
 Und das könnte man sehr leicht verändern.

01:29:02.400 --> 01:29:05.560
 Und da kann man gleich anders drüber reden.

01:29:05.560 --> 01:29:10.160
 Vielleicht kann man an der Stelle gleich mal den, den Frontend-Entwicklern hier sagen,

01:29:10.600 --> 01:29:15.700
 merkt euch einfach und LD-Quo und und BD-Quo als HTML-Entities.

01:29:15.700 --> 01:29:21.960
 Damit kann man die nämlich auch, ohne dass man jetzt irgendwie in irgendwelchen UTF-8-Tabellen gucken und kopieren muss,

01:29:21.960 --> 01:29:24.780
 einfach die deutschen Anführungszeichen korrekt machen.

01:29:24.780 --> 01:29:29.300
 Oder kauft euch ein Mac und dann könnt ihr das mit Option-Shift-W und so.

01:29:29.300 --> 01:29:31.600
 Genau, das wollte ich.

01:29:31.600 --> 01:29:36.440
 Unter Windows ist schwieriger, da muss man nämlich die Zahl merken.

01:29:36.960 --> 01:29:42.980
 Auf dem Mac gibt es da relativ, also ich habe es inzwischen längst drin nach 20 Jahren mit meiner Muskelgedächtnis hier,

01:29:42.980 --> 01:29:43.700
 dass ich das tippen kann.

01:29:43.700 --> 01:29:46.980
 Aber ich gebe es natürlich zu, wenn man es selber tippen muss, ist es manchmal ein bisschen fummelig.

01:29:46.980 --> 01:29:51.140
 Das heißt, also, aber es ist so, dass da, wo es richtig gemacht wird,

01:29:51.140 --> 01:29:53.760
 ist es oft so, dass die Leute es aus Word herauskopiert haben.

01:29:53.760 --> 01:29:55.860
 Weil Word macht ja automatisch Korrektur.

01:29:55.860 --> 01:30:00.300
 Und dann wird es eben manchmal aus Word herauskopiert, was wir ja alle lieben.

01:30:00.300 --> 01:30:04.180
 Aber zumindest stimmen dann die Anführungszeichen.

01:30:05.420 --> 01:30:09.220
 Aber sind die korrekten deutschen Anführungszeichen auf der Mac-Tastatur nicht auch drauf?

01:30:09.220 --> 01:30:11.760
 Also ich meine, das irgendwo mal gesehen zu haben, nee?

01:30:11.760 --> 01:30:13.500
 Nicht wirklich, nee.

01:30:13.500 --> 01:30:15.800
 Also man muss das noch mit Kombinationen tippen.

01:30:15.800 --> 01:30:17.180
 Dann habe ich das falsche Erinnerung.

01:30:17.180 --> 01:30:21.200
 Also unter meinem Linux auf jeden Fall kann ich zumindest das korrekte Apostroph

01:30:21.200 --> 01:30:25.660
 auch per ganz okay erreichbarer Tastenkombination erreichen.

01:30:25.660 --> 01:30:27.820
 Habe ich mittlerweile auch im Muscle Memory drin.

01:30:27.820 --> 01:30:30.800
 Ich glaube, weiß nicht, ob ich die deutschen Anführungszeichen da irgendwie kriegen kann.

01:30:30.880 --> 01:30:33.800
 Ich glaube, das große Problem ist, dass die nicht auf den Tastaturen drauf sind.

01:30:33.800 --> 01:30:36.120
 Ich verstehe eigentlich auch gar nicht so richtig, warum.

01:30:36.120 --> 01:30:39.180
 Also was hält eigentlich die Tastaturhersteller davon ab?

01:30:39.180 --> 01:30:43.540
 Beziehungsweise die Tastaturstandardschreiber, die da vernünftig mit reinzubringen ist.

01:30:43.680 --> 01:30:48.980
 Also dass man unter Windows, keine Ahnung, alt und dann vier Zahlen tippen muss, ist ja total bekloppt.

01:30:48.980 --> 01:30:52.860
 Da stehe ich einfach nicht bei so einem wichtigen Zeichen.

01:30:52.860 --> 01:30:55.740
 Ich komme noch aus einer Zeit, wo man noch drei Zahlen tippen musste bei Windows.

01:30:55.740 --> 01:31:01.200
 Kein Witz, früher war das, da war das die Null noch nicht, von da noch nicht notwendig.

01:31:01.960 --> 01:31:06.740
 Ja, ich meine, das ist begrenzt.

01:31:06.740 --> 01:31:12.020
 Die Zahlen, die Zeichen, die wir jetzt hier haben, die sind alle irgendwie sinnvoll und haben alle ihren Sinn.

01:31:12.020 --> 01:31:16.260
 Und wenn du jetzt anfängst, das Zeichen draufzunehmen, warum dann nicht das auch noch?

01:31:16.260 --> 01:31:19.680
 Und dann irgendwann hast du dann 50.000 neue Zeichen drauf, das wird dann auch zu viel.

01:31:19.680 --> 01:31:23.620
 Ich meine, was haben wir jetzt drauf gedruckt?

01:31:23.620 --> 01:31:28.000
 Das Euro-Zeichen ist neu dazugekommen und das Ad-Zeichen ist neu dazugekommen in den letzten Jahrzehnten.

01:31:29.000 --> 01:31:30.840
 Und das war es, glaube ich, im Wesentlichen.

01:31:30.840 --> 01:31:34.220
 Aber ich finde, man könnte doch Alt-Gr könnte man doch viel häufiger nutzen.

01:31:34.220 --> 01:31:36.820
 Also wie du sagst, Zeichen, Euro-Zeichen.

01:31:36.820 --> 01:31:42.800
 Ja, da hätte man ja durchaus noch die Möglichkeit, über die Kombinationen relativ einfach was hinzuzufügen.

01:31:42.800 --> 01:31:44.340
 Ja, stimmt schon, ja.

01:31:44.340 --> 01:31:48.740
 Also die drei Zeichen irgendwie, Anführungszeichen, unten, oben, unten, Apostrophe.

01:31:48.740 --> 01:31:49.620
 Fände ich schon wichtig, ja.

01:31:49.620 --> 01:31:52.780
 Ich bin da allerdings auch desinsuliert worden.

01:31:52.780 --> 01:31:56.460
 Das ist ein Thema, was tatsächlich keine Sau interessiert.

01:31:57.460 --> 01:32:07.560
 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.

01:32:07.560 --> 01:32:12.580
 Das heißt, man gibt sich einen Haufen Mühe, aber es kriegt keiner mit und das ist sehr schade.

01:32:13.600 --> 01:32:18.420
 Aber man muss die Liebe dazu haben, man muss es irgendwie selber machen aus eigenem Antrieb.

01:32:18.420 --> 01:32:21.520
 Der Kunde wird es einem in aller Regel nicht danken.

01:32:21.520 --> 01:32:31.880
 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.

01:32:32.320 --> 01:32:42.420
 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.

01:32:43.700 --> 01:32:50.180
 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.

01:32:50.180 --> 01:32:56.480
 Und das ist manchmal, ja, manchmal ist es schwierig, aber ja, das ist so der eigene Antrieb.

01:32:56.480 --> 01:32:59.480
 Sehr schöne Abschlussworte.

01:32:59.480 --> 01:33:03.860
 Das wollte ich gerade auch sagen, das ist perfekt, um es abzuschließen. Sehr gut.

01:33:03.860 --> 01:33:04.280
 Schön.

01:33:04.280 --> 01:33:07.660
 Dann machen wir direkt weiter.

01:33:07.660 --> 01:33:08.920
 Ja, machen wir weiter.

01:33:09.080 --> 01:33:18.740
 Und wir haben heute sogar zwei, beziehungsweise anderthalb.

01:33:18.740 --> 01:33:21.820
 Haben wir ein halbes? Gerrit, hast du ein halbes?

01:33:21.820 --> 01:33:25.720
 Genau, Gerrit hatte ja was geplant, was jetzt leider nicht geklappt hat, aber lass uns mal drüber reden.

01:33:25.720 --> 01:33:26.960
 Wir reden trotzdem drüber.

01:33:26.960 --> 01:33:37.820
 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.

01:33:38.560 --> 01:33:46.580
 Also das ist ein stylisches City E-Bike, Pedelec, was so sehr stark vernetzt ist, was ziemlich viel Kram drin hat.

01:33:46.580 --> 01:33:50.200
 GPS und Smartphone-Steuerung und alles ist eingebaut.

01:33:50.200 --> 01:33:51.480
 Hat eine Diebstahlsicherung drin.

01:33:51.480 --> 01:33:56.020
 Es sieht ziemlich stylisch aus, wird alles irgendwie im Rahmen versenkt.

01:33:56.020 --> 01:33:59.720
 Der Akku ist nicht sichtbar und ganz wenig Kabel sind sichtbar.

01:34:00.000 --> 01:34:03.620
 Die Schaltung, Viergangsschaltung ist automatisch und man sieht sie auch fast nicht.

01:34:03.620 --> 01:34:06.400
 Sehr, sehr reduziertes Design.

01:34:06.400 --> 01:34:13.660
 Und das Wichtige ist, dieses Fahrrad ist reduziert worden von 3.600 Euro auf 2.000 Euro.

01:34:13.660 --> 01:34:20.760
 Also gigantische Preissenkung, was dazu geführt hat, dass das Ding halt jetzt wirklich gebaut wird.

01:34:20.860 --> 01:34:24.760
 Wie blöd, aber sehe ich nicht hinterherkommen mit den Lieferzeiten.

01:34:24.760 --> 01:34:27.360
 Ich hatte eine Lieferzeit von 20. September.

01:34:27.360 --> 01:34:30.020
 Das wäre jetzt vorgestern gewesen.

01:34:30.020 --> 01:34:31.540
 Da hätte ich jetzt toll berichten können darüber.

01:34:32.120 --> 01:34:36.600
 Aber jetzt ist es verschoben worden vor einer Woche oder vor zwei auf den 10. November.

01:34:36.600 --> 01:34:39.900
 Also acht Wochen nach hinten verschoben worden.

01:34:39.900 --> 01:34:42.700
 Und ich ärgere mich sehr, weil ich freue mich sehr auf das Fahrrad.

01:34:42.700 --> 01:34:45.380
 Und jetzt beginnt der Winter.

01:34:45.380 --> 01:34:47.180
 Ich bin jeden Tag unterwegs.

01:34:47.180 --> 01:34:50.820
 Mein kleines Söhnchen zur Kita bringen und wieder abholen.

01:34:50.820 --> 01:34:54.740
 Ich muss einen Berg raufstrampeln mit dem Anhänger hinten dran.

01:34:54.740 --> 01:34:55.980
 Und das ist alles ganz furchtbar.

01:34:56.660 --> 01:35:00.220
 Und ich würde das total gerne lösen mit dem E-Bike.

01:35:00.220 --> 01:35:03.340
 Und das klappt jetzt erstmal nicht.

01:35:03.340 --> 01:35:08.700
 Aber ja, ich wollte es trotzdem irgendwie als Konzept auf jeden Fall empfehlen.

01:35:08.700 --> 01:35:12.300
 Ich habe das noch nicht Probe fahren können, weil ich habe einfach mal blind bestellt.

01:35:12.300 --> 01:35:16.520
 Man kann es nämlich auch zurückgeben nach zwei Wochen, wenn es einem nicht gefällt, ohne Angabe von Gründen.

01:35:16.520 --> 01:35:18.260
 Man kann so Probe fahren.

01:35:18.260 --> 01:35:19.700
 Ja, die haben kein Händlernetz.

01:35:19.700 --> 01:35:20.880
 Man muss es online bestellen.

01:35:20.880 --> 01:35:23.680
 Man kann es nur in ganz bestimmten Orten Probe fahren.

01:35:23.680 --> 01:35:25.900
 Bei wenigen Großstädten in Deutschland.

01:35:25.900 --> 01:35:29.900
 Und deswegen, wenn man es kauft, kann man es einfach zurückschicken, wenn es einem nicht gefällt.

01:35:29.900 --> 01:35:31.880
 Das werde ich auch nutzen, wenn es mir nicht gefällt.

01:35:31.880 --> 01:35:35.600
 Aber ich habe gehört, es gibt anwesende Personen, die es schon Probe gefahren sind.

01:35:35.600 --> 01:35:39.360
 Ja, ich bin schon Probe gefahren hier in Karlsruhe, war so ein Pop-Up-Store.

01:35:39.360 --> 01:35:44.460
 Und ich, keine Ahnung, ich bin durch so ein YouTube-Video irgendwie drauf gestoßen und habe so gedacht,

01:35:44.460 --> 01:35:48.800
 Mensch, das ist das Fahrrad, das so aussieht, wie ich mir schon immer gewünscht habe, dass ein Fahrrad aussehen soll.

01:35:48.800 --> 01:35:54.960
 Jetzt mal ganz abgesehen von den ganzen coolen Funktionen, also der Diebstahlschutz, der ist sehr beeindruckend.

01:35:54.960 --> 01:35:57.660
 Also ihr könnt es ja gerne irgendwie mal googeln und euch mal angucken.

01:35:57.660 --> 01:35:59.520
 Das ist echt cool.

01:35:59.520 --> 01:36:03.140
 Und ich bin vorher auch noch nie ein E-Bike-Pedelec gefahren.

01:36:03.140 --> 01:36:05.360
 War für mich eine ganz neue Erfahrung.

01:36:05.360 --> 01:36:06.740
 Ich fand es ganz interessant.

01:36:06.940 --> 01:36:11.980
 Also man kann an der Ampel ganz gern mal die Autos abziehen, wenn man da mal einmal Vollgas gibt.

01:36:11.980 --> 01:36:15.720
 Ich fand es ein bisschen schade, dass irgendwo dann so eine Grenze ist.

01:36:15.720 --> 01:36:19.080
 Also ab einer gewissen Geschwindigkeit wird nicht weiter beschleunigt vom Akku.

01:36:19.080 --> 01:36:22.380
 Aber ich glaube, das ist irgendwie eine deutsche oder EU-Richtlinie.

01:36:22.380 --> 01:36:24.060
 Das ist nur bis so und so viel.

01:36:24.060 --> 01:36:24.920
 Ja, das ist gesetzlich.

01:36:26.060 --> 01:36:30.080
 Ich fahre schon E-Bike mit meinem Vater, hat ein E-Bike und so.

01:36:30.080 --> 01:36:30.860
 Ich bin mir das gewohnt.

01:36:30.860 --> 01:36:33.000
 Das hilft bis 25 mit.

01:36:33.000 --> 01:36:35.920
 Und dann bricht es ab, sag ich mal.

01:36:35.920 --> 01:36:38.580
 Dann merkt man auch so richtig, dass man da nicht mehr weiterkommt irgendwie.

01:36:38.580 --> 01:36:42.480
 Das ist in Deutschland 25, ist in Amerika jedoch 33.

01:36:43.640 --> 01:36:47.920
 Und beim Fun-Move kannst du aber in der App umschalten auf den Amerika-Modus.

01:36:47.920 --> 01:36:50.740
 Und dann bis 33 schon.

01:36:50.740 --> 01:36:52.300
 Ist aber links tatsächlich verboten.

01:36:52.300 --> 01:36:53.880
 Richtig verboten in Deutschland.

01:36:53.880 --> 01:36:59.040
 Das heißt, wenn du dich erwischen lässt und einen Unfall baust mit 33 kmh und hast es eingeschaltet gehabt,

01:36:59.040 --> 01:37:00.480
 hast du richtig Ärger an der Backe.

01:37:00.480 --> 01:37:02.580
 Also darf man auf keinen Fall empfehlen.

01:37:02.580 --> 01:37:05.040
 Also nur im privaten Bereich ausprobieren.

01:37:05.040 --> 01:37:09.340
 Das ist wie mit den Blitzerwarnern im Navi, die man ja auch in Deutschland nicht nutzen darf.

01:37:09.340 --> 01:37:10.600
 Aber es ist einfach nur ein Setting.

01:37:10.600 --> 01:37:12.140
 Aber das macht natürlich niemand.

01:37:12.140 --> 01:37:13.440
 Genau.

01:37:13.640 --> 01:37:16.420
 Ja, also ich habe noch so ein Feedback.

01:37:16.420 --> 01:37:18.160
 Eine Sache, die ich daran ein bisschen merkwürdig fand.

01:37:18.160 --> 01:37:22.300
 Ich weiß auch nicht, ob es irgendwie falsch eingestellt war oder ob das bei E-Bikes normal ist.

01:37:22.300 --> 01:37:30.280
 Ich hatte so das Gefühl, wenn ich jetzt selbst trete, also so schnell, dass da irgendwie keine Unterstützung mehr kommt,

01:37:30.280 --> 01:37:36.500
 dass das dann schwerer geht, als wenn ich jetzt mit einem normalen Fahrrad fahren würde, wo kein Motor dran ist.

01:37:36.500 --> 01:37:42.220
 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.

01:37:42.420 --> 01:37:46.300
 So war mein Gefühl, aber wie gesagt, das kann auch sein, dass da irgendwas falsch eingestellt war an der Stelle.

01:37:46.940 --> 01:37:53.920
 Ja, durchaus ist es so, dass das ist durchaus ein bekanntes Phänomen, dass diese E-Bikes natürlich nicht optimiert sind.

01:37:53.920 --> 01:37:57.400
 Die sind erstmal natürlich erstmal alle durch die Bank halt schwerer.

01:37:57.600 --> 01:37:59.760
 Also fast alle sind deutlich schwerer als normale Bikes.

01:37:59.760 --> 01:38:05.460
 Und dadurch, dass du bei vielen E-Bikes auch den Motor halt dann irgendwie mitbewegen musst und so weiter.

01:38:05.460 --> 01:38:08.020
 Und das ist schon, das ist nicht das Gleiche.

01:38:08.020 --> 01:38:16.840
 Also wenn du ein richtig schlankes, cooles Fahrrad hast ohne Motor, dann ist natürlich das leichter zu bewegen bei den Geschwindigkeiten,

01:38:16.840 --> 01:38:17.800
 wenn der Motor nicht mehr mithilft.

01:38:17.800 --> 01:38:20.080
 Das ist schon, du sollst es schon mit Motor fahren.

01:38:20.480 --> 01:38:23.480
 Ohne Motor fahren ist doof, will man nicht haben.

01:38:23.480 --> 01:38:26.600
 Und deswegen, ja.

01:38:27.560 --> 01:38:33.340
 Also falls mal Funmove zuhört, ich hätte gerne das Fahrrad nur ohne Motor, bitte.

01:38:33.340 --> 01:38:38.300
 Und zwar, es soll genauso aussehen, die gleichen Funktionen haben, aber den Motor könnt ihr von mir aus ausbauen.

01:38:38.300 --> 01:38:40.440
 Gangschaltung dann gerne irgendwie was Normales.

01:38:41.240 --> 01:38:42.820
 Das hatten die früher, die sind ja umgestiegen.

01:38:42.820 --> 01:38:44.400
 Also Funmove gibt es ja seit elf Jahren.

01:38:44.400 --> 01:38:49.400
 Und die haben aber erst vor fünf oder sechs Jahren das erste E-Bike gemacht.

01:38:49.400 --> 01:38:54.980
 Also die hatten vorher, war deren Ziel, alles so sleek zu haben, alles zu verstecken.

01:38:54.980 --> 01:38:58.860
 Sämtliche Kabel und alles irgendwie, sodass es ganz, ganz schlicht aussieht.

01:38:58.860 --> 01:39:00.060
 Und das Licht war eingebaut.

01:39:00.060 --> 01:39:01.420
 Das war ein wichtiger Punkt bei denen.

01:39:01.420 --> 01:39:04.060
 Das Licht war im Rahmen eingebaut.

01:39:04.060 --> 01:39:05.520
 Oder das Ur-Funmove.

01:39:05.920 --> 01:39:13.200
 Und diese S-Electrified, S1, S2, S3, die Generationen, die gibt es erst seit wenigen Jahren.

01:39:13.200 --> 01:39:14.300
 Das ist neu quasi.

01:39:14.300 --> 01:39:18.500
 Also wenn du noch ein altes auftreiben kannst von denen, dann hat es keinen Motor drin.

01:39:18.500 --> 01:39:24.200
 Also ich finde einfach, es ist einfach ein sehr, sehr hübsches Fahrrad.

01:39:24.200 --> 01:39:28.080
 Und ich finde es so die Essenz von einem Fahrrad, so wie es einfach aussieht.

01:39:28.080 --> 01:39:31.940
 Und eben genau was du sagst, dass das Licht irgendwie so richtig eingebaut ist.

01:39:31.940 --> 01:39:33.680
 Das finde ich einfach ein cooles Feature.

01:39:33.680 --> 01:39:36.440
 Und ich hätte aber auch ganz gerne diese Diebstahlsicherung mit drin.

01:39:36.440 --> 01:39:37.640
 Das ist der Hammer.

01:39:37.640 --> 01:39:41.600
 Das ist auch ein Grund, warum ich es nicht mehr haben, warum ich es dann auf jeden Fall haben möchte.

01:39:41.600 --> 01:39:43.240
 Weil ich muss kein Schloss mehr mitnehmen.

01:39:43.240 --> 01:39:45.760
 Die Diebstahlsicherung funktioniert so untermassen.

01:39:45.760 --> 01:39:51.660
 Du haust so einen Knopf mit dem Fuß, so einen Kicklock heißt es, haust du rein.

01:39:51.660 --> 01:39:52.840
 Und dann ist es gesichert.

01:39:53.880 --> 01:39:57.580
 Und du kannst es nur entsperren, wenn du dein Smartphone in der Nähe hast.

01:39:57.580 --> 01:40:00.880
 Also per Bluetooth kann es dann quasi entsperrt werden.

01:40:00.880 --> 01:40:07.220
 Und wenn jemand das Ganze versucht dann wegzutragen oder so bewegt, dann macht es furchtbar laute Geräusche.

01:40:08.420 --> 01:40:16.980
 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.

01:40:16.980 --> 01:40:18.500
 Kannst du buchen.

01:40:18.500 --> 01:40:19.760
 Drei Jahre lang habe ich auch gemacht.

01:40:19.760 --> 01:40:20.960
 Diebstahlgarantie.

01:40:21.060 --> 01:40:29.340
 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.

01:40:29.340 --> 01:40:32.220
 Keine Ahnung, schalten dann die Behörden ein und liefern es dir zurück.

01:40:32.220 --> 01:40:36.640
 Wenn sie es in zwei Wochen aber nicht schaffen, das zurückzuliefern, kriegst du ein neues einfach.

01:40:36.640 --> 01:40:38.000
 So, Ende der Geschichte.

01:40:38.000 --> 01:40:42.800
 Und das macht es mich extrem easy zu sagen, guck mal, ich lasse es mit dem Schloss sein.

01:40:42.800 --> 01:40:47.300
 Ich lasse es einfach stehen, mache das Schloss rein und wenn es mir gestohlen wird, who cares, kriege ich zwei Wochen ein neues.

01:40:47.300 --> 01:40:48.080
 So oder so.

01:40:48.080 --> 01:40:49.220
 Geniales Konzept.

01:40:49.640 --> 01:40:54.960
 Gibt es da irgendwie noch einen Fallback-Mechanismus oder ist dann wirklich, wenn dein Handyakku leer ist, dann ist es halt vorbei?

01:40:54.960 --> 01:40:56.180
 Es gibt ein Fallback.

01:40:56.180 --> 01:41:03.860
 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.

01:41:03.860 --> 01:41:04.340
 Verrückt.

01:41:04.340 --> 01:41:07.080
 Geht, ist aber nicht zu empfehlen.

01:41:07.080 --> 01:41:07.620
 Für den Notfall.

01:41:07.620 --> 01:41:08.700
 Okay, aber gut zu wissen.

01:41:08.700 --> 01:41:09.280
 Ja, für den Notfall, genau.

01:41:09.280 --> 01:41:10.780
 Cool.

01:41:10.780 --> 01:41:14.000
 Ja, tatsächlich geil.

01:41:14.000 --> 01:41:15.100
 Ja, wirklich.

01:41:17.600 --> 01:41:21.500
 Ja, ich habe auch noch einen Geilteil, passend zur Typo-Folge.

01:41:21.500 --> 01:41:22.800
 Und zwar ist es ein Font.

01:41:22.800 --> 01:41:25.820
 Ich weiß nicht, ob ihn vielleicht schon jemand kennt.

01:41:25.820 --> 01:41:28.700
 Mir ist er jetzt erst vor kurzem über den Weg gelaufen, vor ein paar Tagen.

01:41:28.700 --> 01:41:30.660
 Und zwar heißt er Liebe Heide.

01:41:31.660 --> 01:41:38.080
 Und das Besondere daran ist, da habe ich irgendwie schon den Nerv getroffen.

01:41:38.080 --> 01:41:44.560
 Das Besondere an dem ist, der sieht halt aus wie wirklich mit einem Kugelschreiber geschrieben von Hand und ist wirklich sehr, sehr hübsch.

01:41:45.180 --> 01:41:58.940
 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.

01:41:59.500 --> 01:42:07.480
 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.

01:42:07.480 --> 01:42:09.640
 Ich weiß zwar nicht genau, warum man das so macht, aber okay.

01:42:09.640 --> 01:42:11.020
 Nur ganz kurz Klugscheißer-Modus.

01:42:11.020 --> 01:42:14.200
 Das sind wahrscheinlich keine Ligaturen, sondern tatsächlich Contextual Alternates.

01:42:14.200 --> 01:42:17.100
 Das wollte ich jetzt nur mal kurz einwerfen, weil ich mal was weiß.

01:42:18.100 --> 01:42:22.660
 Nein, super. Ich lasse mich ja gerne korrigieren. Das hatten wir ja auch schon öfter. Ich rede ja auch manchmal Mist.

01:42:22.660 --> 01:42:30.640
 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.

01:42:30.640 --> 01:42:35.520
 Und dann ist das tatsächlich wie, als hätte jemand mit einem Kugelschreiber einen Text durchgestrichen.

01:42:35.520 --> 01:42:37.340
 Also es sieht wirklich fantastisch aus.

01:42:37.340 --> 01:42:47.440
 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.

01:42:47.680 --> 01:42:49.980
 Also das ist echt der Wahnsinn, sieht super aus.

01:42:49.980 --> 01:42:55.180
 Ja, ja, das ist exakt das, was ich auch dazu sagen wollte. Das ist der Wahnsinn.

01:42:55.180 --> 01:43:02.800
 Liegt aber auch daran, dass die, dass die erste Schrift ist oder eine der ersten Schriften, die Color fonts verwendet.

01:43:02.800 --> 01:43:04.580
 Das ist eine ganz andere Technologie.

01:43:04.580 --> 01:43:08.920
 Bisher ist es so, dass Schriften immer nur ohne Farbe waren.

01:43:08.920 --> 01:43:10.680
 Die haben einfach immer nur schwarz-weiß.

01:43:10.680 --> 01:43:15.440
 Alles war immer nur mit Bezier-Kurven, also mit Vektorformen.

01:43:15.440 --> 01:43:17.080
 Einfache, schwarz und weiß.

01:43:17.260 --> 01:43:20.200
 Also halt eben monochrom.

01:43:20.200 --> 01:43:32.260
 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...

01:43:32.260 --> 01:43:35.000
 Hat die also so eine Transparenz dann mit drin?

01:43:35.000 --> 01:43:42.660
 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.

01:43:42.660 --> 01:43:44.880
 Aber da, wo es funktioniert, ist es halt perfekt.

01:43:44.880 --> 01:43:56.060
 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?

01:43:56.920 --> 01:43:58.980
 Hier steht Natural Ballpoint Pen.

01:43:58.980 --> 01:44:00.940
 Was immer ein Ballpoint Pen ist.

01:44:00.940 --> 01:44:02.420
 Kugelschreiber.

01:44:02.420 --> 01:44:04.820
 Also nicht, ja gut, Ballpoint Pen ist, glaube ich, noch ein bisschen was anderes.

01:44:04.820 --> 01:44:06.880
 Das sind diese mit diesen...

01:44:06.880 --> 01:44:11.500
 Da ist auch so eine Kugel vorne drin, die so flüssig schreiben, so Feinliner oder wie man auf Deutsch dazu sagt.

01:44:11.600 --> 01:44:17.780
 Und das wird damit simuliert und das sieht halt einfach wirklich verblüffend aus.

01:44:17.780 --> 01:44:26.640
 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.

01:44:26.640 --> 01:44:37.560
 Und der hat sich auch spezialisiert so ein bisschen diese sehr weiblich wirkenden Handschriften und das ist wohl jetzt so das Neueste von ihr.

01:44:37.720 --> 01:44:43.380
 Und die sind schon, das ist ein spezieller Anwendungsfall, das kann man nicht überall verwenden, aber es ist spektakulär eigentlich, muss man sagen.

01:44:43.380 --> 01:44:46.160
 Ja, grandios, fand ich auch.

01:44:46.160 --> 01:44:47.380
 Cool.

01:44:47.380 --> 01:44:58.000
 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.

01:44:58.480 --> 01:45:02.360
 Und das aber bei weitem nicht jetzt professionell machen, sondern eher so als kleines Gimmick für den Kunden.

01:45:02.360 --> 01:45:08.820
 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.

01:45:08.820 --> 01:45:15.240
 Das heißt Fontself und das hat auch als Feature eben diese Color-Font-Geschichte.

01:45:15.860 --> 01:45:23.400
 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.

01:45:23.400 --> 01:45:33.720
 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.

01:45:34.380 --> 01:45:39.440
 Wenn man da experimentieren will, das kostet irgendwie einmalig 40 Euro mit Lifetime-Updates oder so.

01:45:39.440 --> 01:45:41.900
 Also ist jetzt nicht so die Stange Geld.

01:45:41.900 --> 01:45:45.140
 So, dann hat jetzt jeder sogar noch einen Geilteil gehabt.

01:45:45.140 --> 01:45:54.540
 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ß.

01:45:55.660 --> 01:46:00.020
 So der alte Schule-Typograph rümpft da ein bisschen die Nase.

01:46:00.020 --> 01:46:03.280
 Ich weiß gar nicht genau, wo ich mich da verorte, ehrlich gesagt.

01:46:03.280 --> 01:46:04.100
 Ich finde es interessant.

01:46:04.100 --> 01:46:09.260
 Aber es ist eine Sache, die jetzt zu beobachten gilt, die wirklich jetzt auch neu ist.

01:46:09.260 --> 01:46:10.560
 Also das ist was Neues.

01:46:10.560 --> 01:46:12.200
 Muss man einfach mal gucken, wie das sich entwickelt.

01:46:12.200 --> 01:46:14.320
 Wunderbar.

01:46:14.320 --> 01:46:16.420
 Auch das wieder ein schönes Schlusswort.

01:46:16.420 --> 01:46:17.300
 Ja.

01:46:17.300 --> 01:46:19.000
 Sehr schön.

01:46:19.000 --> 01:46:19.920
 Ja, das kann ich, ne?

01:46:19.920 --> 01:46:22.180
 Der Mann der schönen Schlusswörter.

01:46:22.180 --> 01:46:23.660
 Wir könnten dich öfter einladen.

01:46:23.660 --> 01:46:26.820
 Einfach nur, einfach nur für das Schlusswort, weil der Schluss ist bei uns immer etwas chaotisch.

01:46:26.820 --> 01:46:30.760
 Ja, obwohl heute, ich merke jetzt das Bier gar nicht so schlimm.

01:46:30.760 --> 01:46:33.420
 Eigentlich finde ich jetzt, ich fühle mich jetzt noch ganz gut.

01:46:33.420 --> 01:46:35.540
 Wir könnten noch ein bisschen weitermachen, dann mache ich mir noch einen.

01:46:35.540 --> 01:46:42.760
 Wir haben nur keinen End-Jingle, immer noch nicht, für das Ende zwischen Geilteil und, da fehlt uns noch was.

01:46:42.760 --> 01:46:45.880
 Aber damit sind wir, glaube ich, dann echt am Ende jetzt, ne?

01:46:45.880 --> 01:46:50.200
 Ja, am Ende, aber diesmal nicht so ganz, also geistig noch nicht, aber.

01:46:50.200 --> 01:46:53.560
 Ich bin auch noch halbwegs fit, ja, noch nicht am Einschlafen.

01:46:54.620 --> 01:46:56.040
 Das heißt, wir machen jetzt noch ein bisschen Werbung.

01:46:56.040 --> 01:46:56.820
 Ich muss sagen, wenn wir nicht hire.

01:46:56.820 --> 01:46:58.260
 Ja, achso, Werbung wofür?

01:46:58.260 --> 01:47:00.300
 Werbung für uns.

01:47:00.300 --> 01:47:02.020
 Ah, cool, auf geht's.

01:47:02.560 --> 01:47:07.360
 Wir machen keine Werbung für Geld derzeit noch nicht, also, ja, ist ein schwieriges Thema.

01:47:09.020 --> 01:47:14.320
 Wir wollen natürlich auffordern, bewertet uns auf Podcast-Portalen mal wieder.

01:47:14.320 --> 01:47:17.900
 Teilt uns auf Social Media, irgendwie Twitter, da wäre es irgendwie nett.

01:47:17.900 --> 01:47:19.340
 Ihr dürft uns da auch gerne mal antworten.

01:47:19.340 --> 01:47:20.760
 Kommentiert auch mal bitte wieder.

01:47:20.760 --> 01:47:22.540
 Wir kriegen so wenige Kommentare.

01:47:24.000 --> 01:47:25.040
 Das wird mal wieder Zeit.

01:47:25.040 --> 01:47:27.660
 Wir müssen mal wieder ein bisschen sauer mit euch sein.

01:47:27.660 --> 01:47:30.120
 Mal wieder ein paar Getränke versprechen.

01:47:30.120 --> 01:47:31.380
 Beim ersten Mal hat das funktioniert.

01:47:31.380 --> 01:47:35.500
 Also, ich kann dazu sagen, Kommentare sind doch tot, oder?

01:47:35.500 --> 01:47:36.580
 Ja, irgendwie schon.

01:47:36.960 --> 01:47:37.660
 Das geht's nicht.

01:47:37.660 --> 01:47:38.900
 Ich habe es ja jetzt auch aufgeschaltet bei mir.

01:47:38.900 --> 01:47:42.940
 Also, Blog-Kommentare macht man nicht mehr.

01:47:42.940 --> 01:47:45.840
 An Twitter, da findet es auch statt, oder?

01:47:45.840 --> 01:47:46.460
 Die Diskussion.

01:47:46.460 --> 01:47:48.240
 Vielleicht noch ein Slack oder sowas.

01:47:48.240 --> 01:47:50.640
 Noch eher als auf unserer Seite tatsächlich, aber auch.

01:47:50.640 --> 01:47:54.980
 Ich mag Slack überhaupt nicht, aber, ja, nee, also, Web-Kommentare sind vorbei.

01:47:54.980 --> 01:47:56.280
 Ja, Slack ist ein gutes Stichwort.

01:47:56.280 --> 01:47:57.600
 Spamt eure Firmenchats.

01:47:57.600 --> 01:47:58.960
 Empfehlt uns weiter.

01:47:58.960 --> 01:48:03.120
 Genau, überall da, wo es nicht erlaubt ist.

01:48:03.120 --> 01:48:03.600
 Jetzt, wo es geht.

01:48:03.600 --> 01:48:04.240
 Spendet, genau.

01:48:05.620 --> 01:48:09.420
 Würden wir uns extrem drüber freuen und wir werden jeden, der spendet, auch hier mal

01:48:09.420 --> 01:48:12.820
 erwähnen, einfach so Twitch-mäßig, wie ich es vorhin schon gesagt habe.

01:48:12.820 --> 01:48:14.460
 Direkt Instant Gratification.

01:48:14.460 --> 01:48:16.300
 Ihr kriegt auch was zurück dafür.

01:48:16.300 --> 01:48:18.140
 Und wir trinken Bier davon.

01:48:18.140 --> 01:48:18.940
 Vielen Dank.

01:48:18.940 --> 01:48:23.160
 Gut, dann, ja, apropos vielen Dank.

01:48:23.160 --> 01:48:25.060
 Dann auch vielen Dank an Gerrit.

01:48:25.060 --> 01:48:26.520
 Vielen Dank, dass du dabei warst.

01:48:26.520 --> 01:48:27.280
 Hat Spaß gemacht.

01:48:27.280 --> 01:48:28.700
 War mir eine Freude.

01:48:28.700 --> 01:48:29.220
 Ja, vielen Dank.

01:48:29.220 --> 01:48:30.920
 Ja, vielen Dank auch von meiner Seite.

01:48:30.920 --> 01:48:31.600
 War echt cool.

01:48:31.600 --> 01:48:33.560
 Also, einer meiner alten Helden.

01:48:34.280 --> 01:48:36.220
 Einen meiner alten Helden mal zu sprechen.

01:48:36.220 --> 01:48:37.620
 Ja, kann man ruhig mal so sagen.

01:48:37.620 --> 01:48:42.280
 Und dann würde ich auch sagen, dem Mann der schönen Worte überlasse ich gerne auch

01:48:42.280 --> 01:48:42.840
 das Schlusswort.

01:48:42.840 --> 01:48:44.920
 Gerrit, möchtest du noch irgendwas zum Abschluss sagen?

01:48:44.920 --> 01:48:48.180
 Ich sehe es vor, dass ich hier noch was Tolles sage.

01:48:48.180 --> 01:48:48.700
 Ja, klar.

01:48:48.700 --> 01:48:50.200
 Weiß ich nicht.

01:48:50.200 --> 01:48:55.740
 Setzt die Masken auf und meidet Veranstaltungen.

01:48:55.740 --> 01:48:56.860
 Das ist vielleicht ganz wichtig.

01:48:56.860 --> 01:48:57.340
 Perfekt.

01:48:57.340 --> 01:48:58.980
 Bis zum nächsten Mal.

01:48:58.980 --> 01:49:00.360
 Bis zum nächsten Mal.

01:49:00.360 --> 01:49:01.000
 Bis zum nächsten Mal.

01:49:01.000 --> 01:49:01.000
 Bis zum nächsten Mal.

01:49:01.000 --> 01:49:01.000
 Bis zum nächsten Mal.

01:49:01.000 --> 01:49:01.020
 Bis zum nächsten Mal.

01:49:30.360 --> 01:49:31.600
 Untertitelung des ZDF für funk, 2017