cool stuff for web typography

26
Cool Stuff for Web Typography (Web)fontday, 8 November 2014 Typographische Gesellschaft München © 2014 Oliver Linke | Lazydogs Typefoundry linke @ lazydogs.de Please respect that all parts of this presentation subject to copyrigh law and may not be copied or reused for any further purpose without permission. For any requests on usage please contact [email protected]

Upload: oliver-linke

Post on 27-Jul-2015

300 views

Category:

Design


1 download

TRANSCRIPT

Cool Stuff for Web Typography(Web)fontday, 8 November 2014Typographische Gesellschaft München

© 2014 Oliver Linke | Lazydogs Typefoundrylinke @ lazydogs.de

Please respect that all parts of this presentation subject to copyrigh law and may not be copied or reused for any further purpose without permission.For any requests on usage please contact [email protected]

Find and choose (web)fonts

FontShop Plugin

FontShop Plugin

Works with– Adobe Photoshop CS5 / CS5.5 / CS6 / CC*– Adobe Illustrator CS5 / CS6 / CC*– Adobe InDesign CS5 / CS6 / CC*– Adobe Fireworks CS5 / CS6 / CC** The plugin supports Adobe CC but not CC 2014

4

Font Gazer (Monotype)

FontGazer by fonts.com

Works with– Adobe InDesign CS5 und CS5.5

5

Suitcase and Google Webfonts

Suitcase Fusion (Extensis) with Google Webfonts available for desktop activation

6

Suitcase

Suitcase Fusion (Extensis) Plugin for Creative Suite (e.g. Photoshop)

But: The WebINK library will be closed 2015

7

Skyfonts

Skyfontshttps://skyfonts.com/

– fonts.com– MyFonts– Google Fonts– Monotype

8

Free Fonts (Families for Desktop & Web)

9

Free Fonts (Single Fonts for Desktop & Web) 10

Try out and testdrive (web)fonts

Typetester (Creative Nights / Marco Dugonjić) – www.typetester.org 12

Webfonter (Fontshop) – http://webfonter.fontshop.com/

Originally published by Tim Ahrens as »Facitizer«

13

Font Swapper (Webtype) – http://www.webtype.com/tools/swapper/

same here …

14

Fontsquirrel Webfont GeneratorConversions from OpenType to TrueType, WOFF/2, EOT and SVG

Conversion tools – www.fontsquirrel.com/tools/webfont-generator 15

Conversion tools – https://github.com/briangonzalez/fontprep

FontPrep (Brian & Matthew Gonzalez )Conversions from OpenType to TrueType, WOFF, EOT and SVG (no WOFF2)

16

Up-to-the-minute numbers – www.caniuse.com 17

stateofwebtype.com – http://stateofwebtype.com/beta

by Bram Stein

18

Scripts ’n’ apps

Lettering.js – www.letteringjs.com

Lettering.js»A jQuery plugin for radical web typography«Kerning (kern.js), responsive type sizes (FitText.js) …Also many examples of applied webfonts …But: not compliant with accessibility standards (Barrierefreiheit)

20

Typecast (Monotype) – http://typecast.com/ 21

epub Zip, UnZip and Check – https://code.google.com/p/epub-applescripts/

Klaus.epub ePub Zip/Unzip

22

Sigil – https://github.com/user-none/Sigil

SigilFree, open source, multi-platform ebook editor. Designed to edit books in ePub format.

23

To Dos

Further reading – www.rastertragedy.com

The Raster Tragedy at Low-Resolution Revisited:Opportunities and Challenges beyond “Delta-Hinting”

by Beat Stamm

25

Adobe Type UI Petition – http://ilovetypography.com … ( http://bit.ly/1oujVXw )

Please Sign!

26

Thank [email protected]

www.slideshare.net/oliverlinke94