SlideShare una empresa de Scribd logo
1 de 68
Descargar para leer sin conexión
Webfonts in the wild
Gerrit van Aaken, Wüzburg
13.11.2010 / Webfontday in München
praegnanz.de
Typografie
Typografie
Selbst-
referenziaität!
Die ersten Seiten mit
Webfonts der
„Neuen Generation“
Gaublau
Bello,
Proxima Nova
Liza, Auto
Echte Websites
gehen anders!
Evtl. so?
Museo
Swingdancer,
Droid
Calluna
Feda
KatarineWeb
Skolar
St. Marie,
AdelleWeb
Moment mal …
Moment mal …
... das sind ja alles Designer!
So sieht’s aus.
Was fällt auf bisher?
Was fällt auf bisher?
• Layout zupackend oder minimalistisch
– die moderne At, Websites zu gestalten
Was fällt auf bisher?
• Layout zupackend oder minimalistisch
– die moderne At, Websites zu gestalten
• Schriftgad sehr groß
– Websafe Fonts zu klobig ür hohe Schriftgade
Was fällt auf bisher?
• Layout zupackend oder minimalistisch
– die moderne At, Websites zu gestalten
• Schriftgad sehr groß
– Websafe Fonts zu klobig ür hohe Schriftgade
• sehr fette oder sehr magere Schnitte
– bisher kaum mögich
Proxima Nova
Ambroise
Theano,
Share, Chunk
Coquette, P22
Underground
Arial
Titillium
Meta Serif
Tisa
Immer noch …
Woran liegt’s?
Immer noch …
Woran liegt’s?
• Taditionelles Webdesign
Immer noch …
Woran liegt’s?
• Taditionelles Webdesign
• Budget
Immer noch …
Woran liegt’s?
• Taditionelles Webdesign
• Budget
• Windows-User ohne ClearType
Aber es geht doch:
Cheltenham
Adrianne
Museo,
League, Meta
Raleway
Raleway
These 1
Webfonts lohnen sich vor allem in hohen
Schriftgaden.
These 2
Taditionell gestaltete Websites mit Webfonts
nachzurüsten: oft unbefriedigend.
These 3
Webfonts efordern ein neues
Webdesign-Paadigma.
These 3
Webfonts efordern ein neues
Webdesign-Paadigma.
Moment!
Henne und Ei.
~ 2005
These 3
Webfonts efordern ein neues
Webdesign-Paadigma.
These 3
Das moderne Webdesign-Paadigma
efordet Webfonts
Webfonts vs. Bilder
Webfonts vs. Bilder
• Komplexe Kunst-Arangements sind kein
Mehwet ür den Nutzer
Webfonts vs. Bilder
• Komplexe Kunst-Arangements sind kein
Mehwet ür den Nutzer
• Webfonts lohnen sich nicht, wenn das
gleiche Resultat mit Bilddateien
schneller erreicht werden kann.
Webfonts vs. Bilder
• Komplexe Kunst-Arangements sind kein
Mehwet ür den Nutzer
• Webfonts lohnen sich nicht, wenn das
gleiche Resultat mit Bilddateien
schneller erreicht werden kann.
• Fließtext-Check!
Adobe Text
Pater
Bree, Skolar
Webfonts in the wild

Más contenido relacionado

Destacado

WSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung
WSPA Kampagne Tierbotschafter für die Weltweite TierschutzerklärungWSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung
WSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung@ SoZmark
 
Die Geschichte der Maschenbildung
Die Geschichte der MaschenbildungDie Geschichte der Maschenbildung
Die Geschichte der Maschenbildungwhilzensauer
 
Was ich von_lulzsec_gelernt_habe
Was ich von_lulzsec_gelernt_habeWas ich von_lulzsec_gelernt_habe
Was ich von_lulzsec_gelernt_habeFederico Elles
 
HTML5 und CSS3 Übersicht
HTML5 und CSS3 ÜbersichtHTML5 und CSS3 Übersicht
HTML5 und CSS3 ÜbersichtSven Brencher
 
Link Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXXLink Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXXNina Baumann
 
T-Shirt-Erstellung in Second Life
T-Shirt-Erstellung in Second LifeT-Shirt-Erstellung in Second Life
T-Shirt-Erstellung in Second Lifegueste065a1
 
Master Studiengang Multimediaart an der Fachhochschule Salzburg
Master Studiengang Multimediaart an der Fachhochschule SalzburgMaster Studiengang Multimediaart an der Fachhochschule Salzburg
Master Studiengang Multimediaart an der Fachhochschule SalzburgBrigitte Jellinek
 
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...@ SoZmark
 
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...e-teaching.org
 
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtMedienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtChristopher Buschow
 
Stormschade Grubbenvorst
Stormschade GrubbenvorstStormschade Grubbenvorst
Stormschade Grubbenvorstmmm112
 
Image Of Sadness
Image Of SadnessImage Of Sadness
Image Of Sadnessamonyhig .
 
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)Wey-Han Tan
 
Eröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - FragebogenEröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - Fragebogene-teaching.org
 
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...Christopher Buschow
 
girlfriends 18th birthday
girlfriends 18th birthdaygirlfriends 18th birthday
girlfriends 18th birthdayguest8b58f0
 

Destacado (20)

WSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung
WSPA Kampagne Tierbotschafter für die Weltweite TierschutzerklärungWSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung
WSPA Kampagne Tierbotschafter für die Weltweite Tierschutzerklärung
 
Die Geschichte der Maschenbildung
Die Geschichte der MaschenbildungDie Geschichte der Maschenbildung
Die Geschichte der Maschenbildung
 
Was ich von_lulzsec_gelernt_habe
Was ich von_lulzsec_gelernt_habeWas ich von_lulzsec_gelernt_habe
Was ich von_lulzsec_gelernt_habe
 
HTML5 und CSS3 Übersicht
HTML5 und CSS3 ÜbersichtHTML5 und CSS3 Übersicht
HTML5 und CSS3 Übersicht
 
Belfast
BelfastBelfast
Belfast
 
Link Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXXLink Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXX
 
Wedekind Ag Med PäD
Wedekind Ag Med PäDWedekind Ag Med PäD
Wedekind Ag Med PäD
 
T-Shirt-Erstellung in Second Life
T-Shirt-Erstellung in Second LifeT-Shirt-Erstellung in Second Life
T-Shirt-Erstellung in Second Life
 
Master Studiengang Multimediaart an der Fachhochschule Salzburg
Master Studiengang Multimediaart an der Fachhochschule SalzburgMaster Studiengang Multimediaart an der Fachhochschule Salzburg
Master Studiengang Multimediaart an der Fachhochschule Salzburg
 
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e...
 
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Dr. U...
 
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtMedienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
 
Stormschade Grubbenvorst
Stormschade GrubbenvorstStormschade Grubbenvorst
Stormschade Grubbenvorst
 
Image Of Sadness
Image Of SadnessImage Of Sadness
Image Of Sadness
 
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)
Workshop - Blogs als Portfoliowerkzeug (Tutorenschulung WS2013)
 
Lcam
LcamLcam
Lcam
 
Eröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - FragebogenEröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - Fragebogen
 
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...
Programm Workshop "Kulturorganisationen (weiter-)entwickeln", 20. - 21. Septe...
 
Info Abend
Info  AbendInfo  Abend
Info Abend
 
girlfriends 18th birthday
girlfriends 18th birthdaygirlfriends 18th birthday
girlfriends 18th birthday
 

Más de Gerrit van Aaken

Más de Gerrit van Aaken (7)

11designer
11designer11designer
11designer
 
Web-Branding in der Usability-Diktatur
Web-Branding in der Usability-DiktaturWeb-Branding in der Usability-Diktatur
Web-Branding in der Usability-Diktatur
 
Webfonts im Jahr 2010
Webfonts im Jahr 2010Webfonts im Jahr 2010
Webfonts im Jahr 2010
 
Videotechnik im web
Videotechnik im webVideotechnik im web
Videotechnik im web
 
Die 7 Todsünden des Blogdesign
Die 7 Todsünden des BlogdesignDie 7 Todsünden des Blogdesign
Die 7 Todsünden des Blogdesign
 
Design im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-Web
 
(Web ) Typography
(Web ) Typography(Web ) Typography
(Web ) Typography
 

Webfonts in the wild