Webfonts im Jahr 2010

Gerrit van Aaken
Gerrit van AakenWeb Designer um P8 Bürogemeinschaft
Webfonts im Jahr 2010
   Stand der Dinge von Gerrit van Aaken
    18.1.2010 / Webmontag Würzburg
praegnanz.de
Frage: Warum gibt es
 so viele Schriften?
  Adrian Frutiger:
Warum gibt es soviele
       Weine?
Verdana Times
       New Roman
    Das Problem
Georgia    Arial
   Courier
Webtypografie-
             Lösungen
              Nativ                Trickkiste
1993                          HTML: <img>-Element

1998   @font-face (IE/NN)

2003                          CSS: background-image

2004                                  sIFR

2008   @font-face (Safari)    typeface.js / Cufón

2009   @font-face (Firefox)
Synonyme für Native
Font-Unterstützung

• Webfonts
• @font-face
• Font-Linking / (Font-Embedding)
Formate



Embedded OpenType     OpenType („Raw“)
      (EOT)
                    Web Open Font Format
                          (WOFF)
Lizenzen

• Font-Linking = Font-Publishing
• Bisher kaum offizielle Lizenzen
• Piraterie-Bedenken der Industrie
2009 ging’s los
2010 geht’s weiter


Print    Office   Web
Probleme
Schriftglättung
Windows Mac OS X       Linux
  keine
              Quartz   FreeType
 Glättung

ClearType
  (XP)

ClearType
 (Vista)

ClearType
 (Win7)

DirectWrite
  (Win7)
Webfonts-
Herausforderungen
• Hinting
• Hinting
• Hinting
• Lizenzpreisfindung
1 von 13

Recomendados

School/Industry Presentation von
School/Industry PresentationSchool/Industry Presentation
School/Industry Presentationlilalia
419 views36 Folien
E-Learning-Trendforschung: Marc Göcks von
E-Learning-Trendforschung: Marc GöcksE-Learning-Trendforschung: Marc Göcks
E-Learning-Trendforschung: Marc Göckse-teaching.org
1.5K views8 Folien
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un... von
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...Christoph Schlachte
1.9K views8 Folien
Wie Sie Social Media in Ihre soziale Arbeit integriert einsetzen und worauf e... von
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
2.4K views36 Folien
Funny Olympics von
Funny OlympicsFunny Olympics
Funny Olympicsalex
492 views36 Folien
FFEssen_Kampagnenvorstellung_Nov15 von
FFEssen_Kampagnenvorstellung_Nov15FFEssen_Kampagnenvorstellung_Nov15
FFEssen_Kampagnenvorstellung_Nov15Andreas Brinck
282 views17 Folien

Más contenido relacionado

Destacado

Girls' Day 2008 von
Girls' Day 2008Girls' Day 2008
Girls' Day 2008lilalia
514 views26 Folien
Info Abend von
Info  AbendInfo  Abend
Info Abendguest9aac54
749 views78 Folien
Insertar imagenes en Google Docs von
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docsb04ikt
375 views18 Folien
Link Building für Anfänger SEOCAMPIXX von
Link Building für Anfänger SEOCAMPIXXLink Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXXNina Baumann
1.9K views31 Folien
Dutch Art von
Dutch ArtDutch Art
Dutch Artrfavata
486 views12 Folien
Obst von
ObstObst
Obstwhilzensauer
473 views4 Folien

Destacado(19)

Girls' Day 2008 von lilalia
Girls' Day 2008Girls' Day 2008
Girls' Day 2008
lilalia514 views
Insertar imagenes en Google Docs von b04ikt
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docs
b04ikt375 views
Link Building für Anfänger SEOCAMPIXX von Nina Baumann
Link Building für Anfänger SEOCAMPIXXLink Building für Anfänger SEOCAMPIXX
Link Building für Anfänger SEOCAMPIXX
Nina Baumann1.9K views
Dutch Art von rfavata
Dutch ArtDutch Art
Dutch Art
rfavata486 views
Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides... von e-teaching.org
Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides...Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides...
Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides...
e-teaching.org2K views
ditact it summer school 2010 kurzvorstellung von Brigitte Jellinek
ditact it summer school 2010 kurzvorstellungditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellung
Brigitte Jellinek376 views
Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi... von Christopher Buschow
Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi...Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi...
Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi...
Christopher Buschow2.5K views
Fundraising und Social Media von @ SoZmark
Fundraising und Social MediaFundraising und Social Media
Fundraising und Social Media
@ SoZmark951 views
Under Water von Marlis
Under WaterUnder Water
Under Water
Marlis 709 views
Kisses Can Be Different von amonyhig .
Kisses Can Be DifferentKisses Can Be Different
Kisses Can Be Different
amonyhig .320 views
Brand Blariaum juni 2008 von mmm112
Brand Blariaum juni 2008Brand Blariaum juni 2008
Brand Blariaum juni 2008
mmm112574 views
Partner-Workshop e-teaching.org: Patterns im Praxistest von e-teaching.org
Partner-Workshop e-teaching.org: Patterns im PraxistestPartner-Workshop e-teaching.org: Patterns im Praxistest
Partner-Workshop e-teaching.org: Patterns im Praxistest
e-teaching.org3.6K views

Más de Gerrit van Aaken

11designer von
11designer11designer
11designerGerrit van Aaken
277 views18 Folien
Web-Branding in der Usability-Diktatur von
Web-Branding in der Usability-DiktaturWeb-Branding in der Usability-Diktatur
Web-Branding in der Usability-DiktaturGerrit van Aaken
1.7K views47 Folien
Mediengerechtes Webdesign von
Mediengerechtes WebdesignMediengerechtes Webdesign
Mediengerechtes WebdesignGerrit van Aaken
550 views59 Folien
Webfonts in the wild von
Webfonts in the wildWebfonts in the wild
Webfonts in the wildGerrit van Aaken
763 views68 Folien
Videotechnik im web von
Videotechnik im webVideotechnik im web
Videotechnik im webGerrit van Aaken
392 views19 Folien
Die 7 Todsünden des Blogdesign von
Die 7 Todsünden des BlogdesignDie 7 Todsünden des Blogdesign
Die 7 Todsünden des BlogdesignGerrit van Aaken
820 views47 Folien

Webfonts im Jahr 2010