SlideShare ist ein Scribd-Unternehmen logo
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

Weitere ähnliche Inhalte

Andere mochten auch

Girls' Day 2008
Girls' Day 2008Girls' Day 2008
Girls' Day 2008
lilalia
 
Info Abend
Info  AbendInfo  Abend
Info Abend
guest9aac54
 
Insertar imagenes en Google Docs
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docs
b04ikt
 
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
Nina Baumann
 
Dutch Art
Dutch ArtDutch Art
Dutch Art
rfavata
 
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...
Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides...
e-teaching.org
 
ditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellungditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellung
Brigitte Jellinek
 
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...
Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi...
Christopher Buschow
 
Define 2
Define 2Define 2
app-edemie
app-edemieapp-edemie
app-edemie
Anne Arndt
 
Design im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-Web
Gerrit van Aaken
 
Fundraising und Social Media
Fundraising und Social MediaFundraising und Social Media
Fundraising und Social Media
@ SoZmark
 
Under Water
Under WaterUnder Water
Under Water
Marlis
 
Kisses Can Be Different
Kisses Can Be DifferentKisses Can Be Different
Kisses Can Be Different
amonyhig .
 
Brand Blariaum juni 2008
Brand Blariaum juni 2008Brand Blariaum juni 2008
Brand Blariaum juni 2008
mmm112
 
Partner-Workshop e-teaching.org: Patterns im Praxistest
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.org
 

Andere mochten auch (19)

Girls' Day 2008
Girls' Day 2008Girls' Day 2008
Girls' Day 2008
 
Info Abend
Info  AbendInfo  Abend
Info Abend
 
Insertar imagenes en Google Docs
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docs
 
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
 
Dutch Art
Dutch ArtDutch Art
Dutch Art
 
Obst
ObstObst
Obst
 
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...
Neue Lernorte an der Universität – das Projekt Mobile Lehre Hohenheim (Slides...
 
ditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellungditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellung
 
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...
Fernsehen trifft Social Media - Neue Wege der Kommunikationspolitik am Beispi...
 
Web20 Workshop
Web20 WorkshopWeb20 Workshop
Web20 Workshop
 
Define 2
Define 2Define 2
Define 2
 
app-edemie
app-edemieapp-edemie
app-edemie
 
Design im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-Web
 
Fundraising und Social Media
Fundraising und Social MediaFundraising und Social Media
Fundraising und Social Media
 
Under Water
Under WaterUnder Water
Under Water
 
Kisses Can Be Different
Kisses Can Be DifferentKisses Can Be Different
Kisses Can Be Different
 
Brand Blariaum juni 2008
Brand Blariaum juni 2008Brand Blariaum juni 2008
Brand Blariaum juni 2008
 
Partner-Workshop e-teaching.org: Patterns im Praxistest
Partner-Workshop e-teaching.org: Patterns im PraxistestPartner-Workshop e-teaching.org: Patterns im Praxistest
Partner-Workshop e-teaching.org: Patterns im Praxistest
 
Amazing Art
Amazing ArtAmazing Art
Amazing Art
 

Mehr von Gerrit van Aaken

Web-Branding in der Usability-Diktatur
Web-Branding in der Usability-DiktaturWeb-Branding in der Usability-Diktatur
Web-Branding in der Usability-Diktatur
Gerrit van Aaken
 
Mediengerechtes Webdesign
Mediengerechtes WebdesignMediengerechtes Webdesign
Mediengerechtes Webdesign
Gerrit van Aaken
 
Webfonts in the wild
Webfonts in the wildWebfonts in the wild
Webfonts in the wild
Gerrit van Aaken
 
Videotechnik im web
Videotechnik im webVideotechnik im web
Videotechnik im web
Gerrit van Aaken
 
Die 7 Todsünden des Blogdesign
Die 7 Todsünden des BlogdesignDie 7 Todsünden des Blogdesign
Die 7 Todsünden des Blogdesign
Gerrit van Aaken
 
(Web ) Typography
(Web ) Typography(Web ) Typography
(Web ) Typography
Gerrit van Aaken
 

Mehr von 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
 
Mediengerechtes Webdesign
Mediengerechtes WebdesignMediengerechtes Webdesign
Mediengerechtes Webdesign
 
Webfonts in the wild
Webfonts in the wildWebfonts in the wild
Webfonts in the wild
 
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
 
(Web ) Typography
(Web ) Typography(Web ) Typography
(Web ) Typography
 

Webfonts im Jahr 2010