![\"webfontday\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-006.jpg\" "\\"webfontday\\"")
<\/p>\n<\/p>\n
Am gestrigen Samstag fand in M\u00fcnchen der erste Webfontday<\/a> statt, organisiert, von der Typographischen Gesellschaft M\u00fcnchen<\/a>.<\/p>\n Der ein oder andere wird sich jetzt sicher erstmal fragen, was zur H\u00f6lle denn ein „Webfontday“ ist? Kurz gesagt es geht darum „Wie das jetzt mit den Schriften im Web ist“, was neben dem Einsatz von Systemschriften wie z.B. Arial und Verdana m\u00f6glich ist.<\/p>\n Mehr Infos zum Konzept der Veranstaltung auf der offiziellen Website<\/a>. Im Folgenden will ich versuchen, den Tag aus meiner Sicht zusammenzufassen und einen \u00dcberblick zu geben. Um die 250 Teilnehmer hat sich am Samstagmorgen in M\u00fcnchen eingefunden und lauschten nach der Begr\u00fc\u00dfung durch Boris Kochan<\/a> (@incfish<\/a>) (bei der vor allem die Kommentare auf der Twitterwall f\u00fcr Schmunzeln sorgten) der Keynote von Fred Smeijers<\/a> mit dem Titel „Webtypografie im Wandel“.<\/p>\n Er f\u00fchrte uns von den Anf\u00e4ngen der Schrift auf dem Medium Bildschirm (Techniker als Anwender) \u00fcber die Einf\u00fchrung von DTP mit grandiosen Aufl\u00f6sungen von 3px pro mm, zu den Themen Rasterisierung und Hinting (was seiner Meinung nach eine Notl\u00f6sung ist und viel zu viel Zeit verschlingt). Weiter ging es mit der Etablierung von Grauwerten in der Bildschirmdarstellung bis hin zu aktuellen Entwicklungen: Bildschirmgr\u00f6\u00dfen wachsen bzw. schrumpfen (Mobile), Aufl\u00f6sungen steigen, aktuellstes Beispiel das Retina-Display des iPhones mit seinen 326 dpi. Seine These: Der Bildschirm ist mittlerweile fast das gleiche wie Papier \u2013 Welten verschmelzen.<\/p>\n <\/p>\n Weiter ging es mit Ralf Herrmann<\/a> (@opentype<\/a>), der den Kampf der Webformate erl\u00e4uterte. Er begann mit den Anf\u00e4ngen des Webs 1990, als Inhalt nur aus strukturiertem Text bestand und man keinen Einfluss auf die Gestaltung hatte. 1996 kam mit CSS die Trennung von Inhalt und Gestaltung und 1998 schlie\u00dflich die erste Einf\u00fchrung der @font-face Regel, welche es erm\u00f6glichte downloadbare Schriften zu verwenden. Das gr\u00f6\u00dfte Problem damals war allerdings noch die Darstellung dieser Schriften, weshalb der Ansatz schnell wieder verschwand.<\/p>\n 2008 feierte schlie\u00dflich @font-face mit der Ver\u00f6ffentlichung von Safari 3.1 sein Comeback. Mit der Neuerung, dass auch so genannten RAW-Fonts (also True-Type oder Open-Type Schriften) direkt unterst\u00fctzt werden. In den 10 Jahren die seit dem ersten Versuch vergangen sind hat sich die Schriftdarstellung am Bildschirm stark verbessert. Das gibt uns viele neue M\u00f6glichkeiten: stilistische Freiheiten, Corporate Design im Web einsetzbar, Sprachunterst\u00fctzung, markierbaren Text, das problemlose Verkleinern und Vergr\u00f6\u00dfern von Websites.<\/p>\n Im Folgenden ging er auf die Lagerbildung zwischen den Browser- bzw. Schriftherstellern ein. Microsoft mit dem Internet Explorer und ihrem EOT-Format, Mozilla und Safari mit Raw-Fonts und die Schriftenhersteller die alles wollen \u2013 blo\u00df keine Raw-Fonts. Schlie\u00dflich noch das gr\u00f6\u00dfte „Lager“: die Benutzer, die daran wenig Spa\u00df haben, was er an dem Beispiel „Fuck the Foundries“<\/a> beispielhafte darstellte.<\/p>\n 2009 kam schlie\u00dflich die L\u00f6sung mit der vorerst alle Beteiligten mehr oder weniger gl\u00fccklich sind: das WOFF-Format.<\/p>\n Im Weiteren erl\u00e4uterte Ralf die Unterschiede zwischen Webfontdiensten und dem eigenen Hosten von Fonts, und ging auf die unterschiedlichen Lizenzmodelle ein. Seiner Meinung nach sind Webfonts in der Realit\u00e4t angekommen. Das gro\u00dfe Problem sei aber aktuell noch das Rendering unter Windows, letztendlich sei aber auch das nur eine Frage der Zeit.<\/p>\n Als n\u00e4chster war Gerrit van Aaken<\/a> (@gerritvanaaken<\/a>) von praegnanz.de (Mit „Flash ist die Atomkraft der Videotechnologien im Web“ T-Shirt) dran. In einem recht kurzweiligen Vortrag zeigte er Anwendungsbeispiele von Webfonts, bzw. eher Demos, da Gerrit richtig feststellte, dass es sich dabei haupts\u00e4chlich um Selbstreferentialit\u00e4t von Designern handelte. Sein Zwischenfazit: Echte Websites gehen anders!<\/p>\n Als Entwicklungen im Webdesign im Zusammenhang mit Webfonts stellte er folgendes fest:<\/p>\n Anschlie\u00dfend zeigte er uns noch einige „echte“ Beispiele, wie twittermedia<\/a>, For the Record<\/a>, Idaho Digital Learning<\/a> und das Arrows and Icons Magazine<\/a>. Wobei auch hier festzustellen war, dass diese Seiten inhaltlich auch auf eine „designaffine Avant-Garde“ beschr\u00e4nkt sind.<\/p>\n Gerrit stellte die Frage woran dass den liegen mag:<\/p>\n Gegenbeispiele: Zum Abschluss stellte er noch drei Thesen auf:<\/p>\n Wenig Sinn machen aus seiner Sicht Experimente wie z.B. die Lost World Fairs<\/a>.<\/p>\n Ansonsten gab er noch einige Anwendungs-Tipps aus seiner Erfahrung: keine Webfonts unter 14 px, lieber selbst testen als sich auf die Typekit-Vorschau verlassen und das Ausschlie\u00dfen von XP-Nutzern denn „die wollen es auch nicht anders“. Sch\u00f6nes Schlusswort.<\/p>\n Er selbst hat seinen Erfahrungen vom gestrigen Tag auch selbst in seinem Blog zusammengefasst<\/a>.<\/p>\n <\/p>\n Anschlie\u00dfend war Erik van Blokland<\/a> (@letterror<\/a>) an der Reihe. Unter dem Titel „Action type!“ erz\u00e4hlte er von seinen ersten Versuchen mit Webfonts im Jahre 1996. Im weiteren Verlauf erl\u00e4uterte er Details des WOFF-Formats, und das Zusammenspiel mit CSS und Javascript. Er merkte an, dass der IE9 auch WOFF unterst\u00fctzten wird, und hofft dass auch Safari nachzieht. Apple hat sich seinen Informationen nach jedenfalls noch nicht gegenteilig ge\u00e4u\u00dfert. Am\u00fcsant dabei seine Bemerkung zu der W3C-Working-Group, in der unter anderem auch Apple beteiligt ist: „working with Apple in a W3C working group is like working with the Gremlin (they sit and listen but say nothing)“.<\/p>\n <\/p>\n Im n\u00e4chsten Beitrag wurde es etwas praktischer und auch kritischer. Olaf Nies<\/a> (@pepperminded<\/a>) berichtete in seinem Beitrag „Sch\u00f6ne, neue Welt? \u2013 Webfonts in der Praxis“ von seinem Versuch das Corporate Design eines Kunden auch auf die Website zu \u00fcbertragen. Konkret ging es dabei um die Schrift FF Dax und deren Condensed-Variante. <\/p>\n Olaf zeigte uns die Herangehensweise an das Thema und schlie\u00dflich den Praxistest: Wie sieht die Dax auf den unterschiedlichen Systemen aus? W\u00e4hrend alle bisherigen Beispiele auf Mac OS X beschr\u00e4nkt waren, kam hier auch die bittere Windows-Realit\u00e4t zum Vorschein. Letztendlich entschied er sich in diesem Fall auf Grund der schlechten Darstellung gegen den Einsatz von Webfonts. Im Anschluss an den Vortrag entwickelte sich schnell eine sehr rege und interessante Diskussion. Ein Punkt dabei war, dass sich eben nicht jede Schrift f\u00fcr die Bildschirmdarstellung eignet, was auch Ivo Gabrowitsch von Font Shop International als Vertreiber der Dax anmerkte. Im besonderen gilt das f\u00fcr Condensed Varianten. <\/p>\n Das Fazit des Vortragenden und des Publikums: Bei der Entwicklung eines Corporate Designs und der Auswahl einer Schrift muss der Einsatz auf Bildschirmen ein Punkt sein der auf jeden Fall ber\u00fccksichtigt wird. Eine neue Aufgabenstellung f\u00fcr Designer.<\/p>\n <\/p>\n Als n\u00e4chstes war Marc Tobias Kunisch<\/a> (@tobestobs<\/a>) von Google dran, der dem Publikum das kostenlose Google Font Directory<\/a> vorstellte. Eigentlich ein interessantes Thema aber f\u00fcr den Gro\u00dfteil des Publikums brachte dieser Vortrag leider keine neuen Erkenntnisse. Einzig zwei Punkte sorgten im Nachhinein noch f\u00fcr Diskussionen: Ist es ok, dass Google Schriften umsonst anbietet? Hierzu gab es verschiedene Meinungen. Angemerkt wurde auch, dass Google keine Konkurrenz zu den Profis wie typekit oder Fontshop sein will, sondern eher eine Einstiegsm\u00f6glichkeit f\u00fcr junge Typedesigner, die auch finanziell unterst\u00fctzt werden k\u00f6nnen. Auf Kritik stie\u00df auch, dass einige Schriften im Google Font Directory „Halb-Nachahmungen“ von schon existierenden Schriften seien.<\/p>\n <\/p>\n F\u00fcr reichlich Unterhaltung sorgte dann der schon angesprochene Ivo Grabowitsch<\/a> (@gabrowitsch<\/a>) von FSI<\/a> mit diversen Beamerproblemen, die er in seiner sehr sympathischen Art und Weise (und mit Hilfe von Gerrit) aber sicher meistern konnte. Ivo hatte die etwas undankbare Aufgabe die Lizenzierungsmodelle f\u00fcr Webfonts darzulegen. Ein recht trockenes Thema, das er aber trotzdem recht unterhaltsam darlegte (Zum Beispiel den m\u00f6glichen Zusammenhang zwischen Webfonts und der Tabellenf\u00fchrung von Borussia Dortmund). <\/p>\n Auf die konkreten Modelle will ich auch nicht weiter eingehen, die Informationen gibt es auf den Seiten der jeweiligen Anbieter. Sein Fazit: Das WOFF-Format und das Abrechnungsmodell auf Grundlage von Pageviews\/Monat werden sich durchsetzen. Seine These: In 10 Jahren wird es keine Web- oder Desktopfonts geben, sondern einen einheitlichen Font f\u00fcr alle Medien. Ich pers\u00f6nlich hoffe, dass das nicht ganz so lange dauern wird.<\/p>\n <\/p>\n Der nun folgende Typekit<\/a>-Vortrag von Tim Brown<\/a> (@tbrown)<\/a> setzte leider nahtlos am Google-Vortrag an … auch hier wenig Neues f\u00fcr das Publikum.<\/p>\n <\/p>\n Ganz anders sah das aus mit Tim Ahrens<\/a> (@TimAhrens<\/a>), der den wohl kompetentesten und detailreichsten Vortrag des Tages hielt. Er ging auf die Details der Verpackung von Webfonts ein und erz\u00e4hlte viel \u00fcber Rendering und Hinting. Anhand von Beispielen zeigte er den Unterschied zwischen Graustufen-Rendering und Subpixel-Rendering und erl\u00e4uterte den jeweiligen Einsatz. Interessant dabei, dass das Graustufen-Rendering unter Windows XP mit unter zu besseren Ergebnissen f\u00fchrt als das Subpixel-System Clear-Type. M\u00f6glich wird das, in dem man Postscript-Versionen der Schriften verwendet. Auch beim Hinting wurde es sehr detailreich was in der Diskussion schlie\u00dflich zu seiner Feststellung f\u00fchrte, dass ihm Hinting „fast Spa\u00df mache“.<\/p>\n Sein Fazit: Sp\u00e4testens beim wbfntdy3 k\u00f6nnen wir hoffentlich endlich \u00fcber andere Dinge als Clear-Type und Windows reden.<\/p>\n <\/p>\n Den vorl\u00e4ufigen Abschluss des Abends gestaltete Gerard Unger<\/a> mit seiner sehr weisen Sicht auf das Thema. Er zeigte auf, dass sich in unserem Beruf alles st\u00e4ndig \u00e4ndert \u2013 das sei die Praxis des Gestalters. Er erz\u00e4hlte au\u00dferdem, dass 2010 erstmals mehr auf dem Bildschirm als auf dem Papier gelesen wurde, was nat\u00fcrlich f\u00fcr Designer ein sehr wichtiger Fakt ist. Papier wird seiner Meinung langsam an die zweite Stelle r\u00fccken und die Benutzer werden sich schnell an neue Medien gew\u00f6hnen. F\u00fcr sich wei\u00df Gerard Unger jedenfalls, dass er in seinem Leben „schon genug gepixelt hat“, und das auch schon auf Papier tat. <\/p>\n Einen Appell richtete er zum Abschluss noch an alle Schriftgestalter: Wir brauchen neue Richtungen in der allgemeinen Schriftentwicklung. Seiner Meinung werden Schriften immer \u00e4hnlicher \u2013 zu \u00e4hnlich. Auch wenn der ein oder andere hier vielleicht den konkreten Webfont-Bezug etwas vermisste, bin ich Gerard Unger doch sehr dankbar f\u00fcr seine Einsichten die er uns gew\u00e4hrte.<\/p>\n <\/p>\n Das waren die Vortr\u00e4ge des Webfontdays. Im Anschluss gab es noch eine von Adam Twardoch<\/a> geleitete Podiumsdiskussion, in der noch mal allgemein \u00fcber das Thema diskutiert wurde. Zum Beispiel ging es um die Frage ob es Schriften speziell f\u00fcr den Bildschirm geben wird bzw. geben muss, oder wie denn \u00fcberhaupt die Kriterien f\u00fcr so eine Schrift aussehen w\u00fcrden. Einig waren sich alle, dass die oben schon erw\u00e4hnte These von Ivo hoffentlich Realit\u00e4t wird und es irgendwann nur noch eine Art von Fonts geben wird.<\/p>\n <\/p>\n Das war jetzt relativ viel Text, aber bei weitem nicht alles was man gestern erfahren konnte. Insgesamt ein lohnenswerter Tag in M\u00fcnchen, der f\u00fcr mich zwar nicht all zu viele wirklich neue Erkenntnisse brachte, aber trotzdem das Bewusstsein f\u00fcr dieses Thema weiter gest\u00e4rkt hat.<\/p>\n Danke an die Organisatoren und Vortragenden \u2013 ich bin gespannt auf einen zweiten Webfontday und die bis dahin hoffentlich spannende Entwicklung.<\/p>\n Mehr Meinungen gibt es in einem Beitrag bei praegnanz.de<\/a> oder auf Twitter<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Am gestrigen Samstag fand in M\u00fcnchen der erste Webfontday statt, organisiert, von der Typographischen Gesellschaft M\u00fcnchen. Der ein oder andere wird sich jetzt sicher erstmal fragen, was zur H\u00f6lle denn ein „Webfontday“ ist? Kurz gesagt es geht darum „Wie das jetzt mit den Schriften im Web ist“, was neben dem Einsatz von Systemschriften wie z.B. […]<\/p>\n","protected":false},"author":491,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,30,5,4],"tags":[51,52,53,50,8,91],"class_list":["post-411","post","type-post","status-publish","format-standard","hentry","category-inspiration","category-screendesign","category-technik","category-typografie","tag-munchen","tag-tgm","tag-typedesign","tag-wbfntdy","tag-webentwicklung","tag-webfonts"],"_links":{"self":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/users\/491"}],"replies":[{"embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":73,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/411\/revisions"}],"predecessor-version":[{"id":848,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/411\/revisions\/848"}],"wp:attachment":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/media?parent=411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/categories?post=411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/tags?post=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\n<\/p>\n#1 \u2013 Fred Smeijers<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-0011.jpg\" "\\"wbfntdy-001\\"")
<\/p>\n#2 \u2013 Ralf Herrmann<\/h3>\n
\n
\n-> moderne Art Websites zu gestalten<\/li>\n![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-003.jpg\" "\\"wbfntdy-003\\"")
<\/p>\n\n
\nNY-Times<\/a>, Steinway<\/a>, Icon Products<\/a><\/p>\n\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-004.jpg\" "\\"Gerriv")
<\/p>\n#4 \u2013 Erik van Blokland<\/h3>\n
#5 \u2013 Olaf Nies<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-009.jpg\" "\\"wbfntdy-009\\"")
<\/p>\n#6 \u2013 Marc Tobias Kunisch \/ Google<\/h3>\n
#7 \u2013 Ivo Grabowitsch \/ Font Shop International<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-005.jpg\" "\\"wbfntdy-005\\"")
<\/p>\n#8 \u2013 Tim Brown \/ Typekit<\/h3>\n
#9 \u2013 Tim Ahrens<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-007.jpg\" "\\"wbfntdy-007\\"")
<\/p>\n#10 \u2013 Gerard Unger<\/h3>\n
Diskussion<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-008.jpg\" "\\"wbfntdy-008\\"")
<\/p>\nFazit<\/h3>\n
![\"\"](\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/11\/wbfntdy-002.jpg\" "\\"wbfntdy-002\\"")
<\/p>\n