SlideShare une entreprise Scribd logo
1  sur  8
Télécharger pour lire hors ligne
Webfonts                   1. Marburger Webmontag




           WEBFONTS

           〉〉 Einführung
           〉〉 Überblick
           〉〉 Einsatz
           〉〉 Ressourcen
Webfonts                       1. Marburger Webmontag




      EINFÜHRUNG

             Wozu braucht man
           individuelle Schriften?
Webfonts                         1. Marburger Webmontag




           ÜBERBLICK

            Systemschriften
            Schrift als Grafik
               sIFR & Co.
Webfonts                  1. Marburger Webmontag




           ÜBERBLICK

             @font-face
                EOT
                TTF
               WOFF
Webfonts                            1. Marburger Webmontag




              EINSATZ
@font-face {
     font-family: 'Schriftname';
     src: url('dateiname.eot‘);
     src: local('☺'),
             url('dateiname.woff‘) format('woff'),
             url('dateiname.ttf') format('truetype'),
             url('dateiname.svg#webfontDGhCBjc5')
				 format('svg');
     font-weight: normal;
     font-style: normal;
}
Webfonts                    1. Marburger Webmontag




      RESSOURCEN

              typography.info
           google.com/webfonts
                typekit.com
             fontsquirrel.com
                myfonts.com
                 fonts.com
Webfonts                  1. Marburger Webmontag




      RESSOURCEN

            kerning.js
           lettering.js
             FitText
Webfonts                     1. Marburger Webmontag




           PROBLEME

    Durchgängige Unterstützung von WOFF
                Anti-Aliasing
                   Kerning
        Schusterjunge und Hurenkind
                  Ligaturen

Contenu connexe

En vedette

IN10 Facebook Open Graph
IN10 Facebook Open GraphIN10 Facebook Open Graph
IN10 Facebook Open GraphIN10
 
Track certificate 272759-illustrator
Track certificate 272759-illustratorTrack certificate 272759-illustrator
Track certificate 272759-illustratorEldred Wright
 
Jensen Collections Book
Jensen Collections BookJensen Collections Book
Jensen Collections BookLaurel Jensen
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindwolframkriesing
 
What we've learned
What we've learned What we've learned
What we've learned Snook
 
Einführung in die (Web-)Typografie
Einführung in die (Web-)TypografieEinführung in die (Web-)Typografie
Einführung in die (Web-)Typografiejensweigel_de
 
Типографика: Восток
Типографика: ВостокТипографика: Восток
Типографика: ВостокRoman Prudnikov
 
Customer Value Maximization - A Primer
Customer Value Maximization - A PrimerCustomer Value Maximization - A Primer
Customer Value Maximization - A PrimerXerago
 

En vedette (10)

IN10 Facebook Open Graph
IN10 Facebook Open GraphIN10 Facebook Open Graph
IN10 Facebook Open Graph
 
Track certificate 272759-illustrator
Track certificate 272759-illustratorTrack certificate 272759-illustrator
Track certificate 272759-illustrator
 
Jensen Collections Book
Jensen Collections BookJensen Collections Book
Jensen Collections Book
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behind
 
What we've learned
What we've learned What we've learned
What we've learned
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
Einführung in die (Web-)Typografie
Einführung in die (Web-)TypografieEinführung in die (Web-)Typografie
Einführung in die (Web-)Typografie
 
Типографика: Восток
Типографика: ВостокТипографика: Восток
Типографика: Восток
 
Jensen Process Book
Jensen Process BookJensen Process Book
Jensen Process Book
 
Customer Value Maximization - A Primer
Customer Value Maximization - A PrimerCustomer Value Maximization - A Primer
Customer Value Maximization - A Primer
 

Webfonts

  • 1. Webfonts 1. Marburger Webmontag WEBFONTS 〉〉 Einführung 〉〉 Überblick 〉〉 Einsatz 〉〉 Ressourcen
  • 2. Webfonts 1. Marburger Webmontag EINFÜHRUNG Wozu braucht man individuelle Schriften?
  • 3. Webfonts 1. Marburger Webmontag ÜBERBLICK Systemschriften Schrift als Grafik sIFR & Co.
  • 4. Webfonts 1. Marburger Webmontag ÜBERBLICK @font-face EOT TTF WOFF
  • 5. Webfonts 1. Marburger Webmontag EINSATZ @font-face { font-family: 'Schriftname'; src: url('dateiname.eot‘); src: local('☺'), url('dateiname.woff‘) format('woff'), url('dateiname.ttf') format('truetype'), url('dateiname.svg#webfontDGhCBjc5') format('svg'); font-weight: normal; font-style: normal; }
  • 6. Webfonts 1. Marburger Webmontag RESSOURCEN typography.info google.com/webfonts typekit.com fontsquirrel.com myfonts.com fonts.com
  • 7. Webfonts 1. Marburger Webmontag RESSOURCEN kerning.js lettering.js FitText
  • 8. Webfonts 1. Marburger Webmontag PROBLEME Durchgängige Unterstützung von WOFF Anti-Aliasing Kerning Schusterjunge und Hurenkind Ligaturen