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 oïŹƒzielle Lizenzen
‱ Piraterie-Bedenken der Industrie
2009 ging’s los
2010 geht’s weiter


Print    OïŹƒce   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
‱ LizenzpreisïŹndung
1 von 13

Recomendados

School/Industry Presentation von
School/Industry PresentationSchool/Industry Presentation
School/Industry Presentationlilalia
419 views‱36 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 views‱8 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 views‱8 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 views‱36 Folien
Funny Olympics von
Funny OlympicsFunny Olympics
Funny Olympicsalex
492 views‱36 Folien
FFEssen_Kampagnenvorstellung_Nov15 von
FFEssen_Kampagnenvorstellung_Nov15FFEssen_Kampagnenvorstellung_Nov15
FFEssen_Kampagnenvorstellung_Nov15Andreas Brinck
282 views‱17 Folien

MĂĄs contenido relacionado

Destacado

Girls' Day 2008 von
Girls' Day 2008Girls' Day 2008
Girls' Day 2008lilalia
514 views‱26 Folien
Info Abend von
Info  AbendInfo  Abend
Info Abendguest9aac54
749 views‱78 Folien
Insertar imagenes en Google Docs von
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docsb04ikt
375 views‱18 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 views‱31 Folien
Dutch Art von
Dutch ArtDutch Art
Dutch Artrfavata
486 views‱12 Folien
Obst von
ObstObst
Obstwhilzensauer
473 views‱4 Folien

Destacado(19)

Girls' Day 2008 von lilalia
Girls' Day 2008Girls' Day 2008
Girls' Day 2008
lilalia‱514 views
Info Abend von guest9aac54
Info  AbendInfo  Abend
Info Abend
guest9aac54‱749 views
Insertar imagenes en Google Docs von b04ikt
Insertar imagenes en Google DocsInsertar imagenes en Google Docs
Insertar imagenes en Google Docs
b04ikt‱375 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 Baumann‱1.9K views
Dutch Art von rfavata
Dutch ArtDutch Art
Dutch Art
rfavata‱486 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.org‱2K 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 Jellinek‱376 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 Buschow‱2.5K views
Web20 Workshop von whilzensauer
Web20 WorkshopWeb20 Workshop
Web20 Workshop
whilzensauer‱1.3K views
app-edemie von Anne Arndt
app-edemieapp-edemie
app-edemie
Anne Arndt‱2K views
Design im Immer- und Ueberall-Web von Gerrit van Aaken
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-Web
Gerrit van Aaken‱446 views
Fundraising und Social Media von @ SoZmark
Fundraising und Social MediaFundraising und Social Media
Fundraising und Social Media
@ SoZmark‱951 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
mmm112‱574 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.org‱3.6K views
Amazing Art von amonyhig .
Amazing ArtAmazing Art
Amazing Art
amonyhig .‱687 views

MĂĄs de Gerrit van Aaken

11designer von
11designer11designer
11designerGerrit van Aaken
277 views‱18 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 views‱47 Folien
Mediengerechtes Webdesign von
Mediengerechtes WebdesignMediengerechtes Webdesign
Mediengerechtes WebdesignGerrit van Aaken
550 views‱59 Folien
Webfonts in the wild von
Webfonts in the wildWebfonts in the wild
Webfonts in the wildGerrit van Aaken
763 views‱68 Folien
Videotechnik im web von
Videotechnik im webVideotechnik im web
Videotechnik im webGerrit van Aaken
392 views‱19 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 views‱47 Folien

MĂĄs de Gerrit van Aaken(7)

Webfonts im Jahr 2010