This document discusses various tools for finding, testing, and using web fonts. It provides information on plugins that allow browsing fonts from within Photoshop and Illustrator. It also describes websites like FontGazer, Skyfonts, and Typetester that allow previewing and testing fonts. Additionally, it mentions free font options and tools for converting fonts to formats suitable for the web like WOFF and SVG.

1. 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 linke@lazydogs.de

2. Find and choose (web)fonts

3. 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
FontShop Plugin
4

4. FontGazer by fonts.com
Works with
– Adobe InDesign CS5 und CS5.5
Font Gazer (Monotype)
5

5. Suitcase Fusion (Extensis)
with Google Webfonts available for desktop activation
Suitcase and Google Webfonts
6

6. Suitcase Fusion (Extensis)
Plugin for Creative Suite (e.g. Photoshop)
But: The WebINK library will be closed 2015
Suitcase
7

7. Skyfonts
https://skyfonts.com/
– fonts.com
– MyFonts
– Google Fonts
– Monotype
Skyfonts
8

8. Free Fonts (Families for Desktop & Web)
9

9. Free Fonts (Single Fonts for Desktop & Web) 10

10. Try out and testdrive (web)fonts

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

12. Originally
published by
Tim Ahrens
as »Facitizer«
Webfonter (Fontshop) – http://webfonter.fontshop.com/
13

13. same here …
Font Swapper (Webtype) – http://www.webtype.com/tools/swapper/
14

14. Fontsquirrel Webfont Generator
Conversions from OpenType to TrueType, WOFF/2, EOT and SVG
Conversion tools – www.fontsquirrel.com/tools/webfont-generator 15

15. FontPrep (Brian & Matthew Gonzalez )
Conversions from OpenType to TrueType, WOFF, EOT and SVG
(no WOFF2)
Conversion tools – https://github.com/briangonzalez/fontprep
16

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

17. by Bram Stein
stateofwebtype.com – http://stateofwebtype.com/beta
18

18. Scripts ’n’ apps

19. 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)
Lettering.js – www.letteringjs.com
20

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

21. Klaus.epub ePub Zip/Unzip
epub Zip, UnZip and Check – https://code.google.com/p/epub-applescripts/
22

22. Sigil
Free, open source, multi-platform ebook editor.
Designed to edit books in ePub format.
Sigil – https://github.com/user-none/Sigil
23

23. To Dos

24. The Raster Tragedy at Low-Resolution Revisited:
Opportunities and Challenges beyond “Delta-Hinting”
by Beat Stamm
Further reading – www.rastertragedy.com
25

25. Please Sign!
Adobe Type UI Petition – http://ilovetypography.com … ( http://bit.ly/1oujVXw )
26

26. Thank You!
linke@lazydogs.de
www.slideshare.net/oliverlinke94