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

Webfonts

Embed Size (px)

Citation preview

Page 1: Webfonts

1. Marburger WebmontagWebfonts

WEBFONTS

〉 Einführung

〉 Überblick

〉 Einsatz

〉 Ressourcen

Page 2: Webfonts

1. Marburger WebmontagWebfonts

Wozu braucht man

individuelle Schriften?

EINFÜHRUNG

Page 3: Webfonts

1. Marburger WebmontagWebfonts

Systemschriften

Schrift als Grafik

sIFR & Co.

ÜBERBLICK

Page 4: Webfonts

1. Marburger WebmontagWebfonts 1. Marburger Webmontag

@font-face

EOT

TTF

WOFF

Webfonts

ÜBERBLICK

Page 5: Webfonts

1. Marburger WebmontagWebfonts

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;}

Page 6: Webfonts

1. Marburger WebmontagWebfonts

typography.info

google.com/webfonts

typekit.com

fontsquirrel.com

myfonts.com

fonts.com

RESSOURCEN

Page 7: Webfonts

1. Marburger WebmontagWebfonts

kerning.js

lettering.js

FitText

RESSOURCEN

Page 8: Webfonts

1. Marburger WebmontagWebfonts

Durchgängige Unterstützung von WOFF

Anti-Aliasing

Kerning

Schusterjunge und Hurenkind

Ligaturen

PROBLEME