Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cool Stuff for Web Typography

738 views

Published on

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

www.lazydogs.de
linke @ lazydogs.de

Published in: Design
  • Be the first to comment

  • Be the first to like this

Cool Stuff for Web Typography

  1. 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. 2. Find and choose (web)fonts
  3. 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. 4. FontGazer by fonts.com Works with – Adobe InDesign CS5 und CS5.5 Font Gazer (Monotype) 5
  5. 5. Suitcase Fusion (Extensis) with Google Webfonts available for desktop activation Suitcase and Google Webfonts 6
  6. 6. Suitcase Fusion (Extensis) Plugin for Creative Suite (e.g. Photoshop) But: The WebINK library will be closed 2015 Suitcase 7
  7. 7. Skyfonts https://skyfonts.com/ – fonts.com – MyFonts – Google Fonts – Monotype Skyfonts 8
  8. 8. Free Fonts (Families for Desktop & Web) 9
  9. 9. Free Fonts (Single Fonts for Desktop & Web) 10
  10. 10. Try out and testdrive (web)fonts
  11. 11. Typetester (Creative Nights / Marco Dugonjić) – www.typetester.org 12
  12. 12. Originally published by Tim Ahrens as »Facitizer« Webfonter (Fontshop) – http://webfonter.fontshop.com/ 13
  13. 13. same here … Font Swapper (Webtype) – http://www.webtype.com/tools/swapper/ 14
  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. 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. 16. Up-to-the-minute numbers – www.caniuse.com 17
  17. 17. by Bram Stein stateofwebtype.com – http://stateofwebtype.com/beta 18
  18. 18. Scripts ’n’ apps
  19. 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. 20. Typecast (Monotype) – http://typecast.com/ 21
  21. 21. Klaus.epub ePub Zip/Unzip epub Zip, UnZip and Check – https://code.google.com/p/epub-applescripts/ 22
  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. 23. To Dos
  24. 24. The Raster Tragedy at Low-Resolution Revisited: Opportunities and Challenges beyond “Delta-Hinting” by Beat Stamm Further reading – www.rastertragedy.com 25
  25. 25. Please Sign! Adobe Type UI Petition – http://ilovetypography.com … ( http://bit.ly/1oujVXw ) 26
  26. 26. Thank You! linke@lazydogs.de www.slideshare.net/oliverlinke94

×