SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
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 2008lilalia
 
Insertar imagenes en Google Docs
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docsb04ikt
 
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
 
Dutch Art
Dutch ArtDutch Art
Dutch Artrfavata
 
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 kurzvorstellungBrigitte 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
 
Design im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebGerrit van Aaken
 
Fundraising und Social Media
Fundraising und Social MediaFundraising und Social Media
Fundraising und Social Media@ SoZmark
 
Under Water
Under WaterUnder Water
Under WaterMarlis
 
Kisses Can Be Different
Kisses Can Be DifferentKisses Can Be Different
Kisses Can Be Differentamonyhig .
 
Brand Blariaum juni 2008
Brand Blariaum juni 2008Brand Blariaum juni 2008
Brand Blariaum juni 2008mmm112
 
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 Praxisteste-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

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