Your SlideShare is downloading. ×
Wide Open Faces
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Wide Open Faces


Published on

Choosing Fonts for Your Website, eBook, Mobile App. Presented at the 2010 MIMA Summit in Minneapolis, MN

Choosing Fonts for Your Website, eBook, Mobile App. Presented at the 2010 MIMA Summit in Minneapolis, MN

Published in: Design
1 Comment
  • Nice slides but how can i works correct with open fonts and slideshare?
    I am use cousine (OFL) and LibreOffice to upload at slideshare. But my slides at slideshare does have another look as the same at my PC.
    Do you have hints for this?
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. wide open faces
  • 2. Choosing Fonts & for Your Website, eBook, Mobile App
  • 3. “Garrick’s not a typographer, nor a font salesman. He’s a facilitator, a proponent of an open web” - Tom Michlig
  • 4. a piano with only five keys
  • 5. sIFR(etc - Flash) Cufon(etc - Javascript) Text-as-Image
  • 6. O R sIFR T F O D N O Y Cufon PY B C O Text-as-Image
  • 7. @font- face {}
  • 8. brand-consistent, maintainable, future-proof, SEO-able, compatible.
  • 9. - Paul Lloyd’s Hominis & John Stracke’s Essays
  • 10. - Titillium, League Gothic, Acknowledgement
  • 11. Sertig
  • 12. - Steinem, Ikarius, Paneuropa
  • 13. - Chunk
  • 14. @font-face {   font-family:‘League Gothic’;   src: url(‘’); } p {   font-family:‘League Gothic’; }
  • 15. Font Formats
  • 16. .OTF / .TTF opentype / truetype
  • 17. .SVG scalable vector graphics
  • 18. .EOT embedded open-type
  • 19. .WOFF web open font format
  • 20. @font-face { font-family: 'League Gothic'; src: url(' gothic.eot'); src: local('://'), url(' league-gothic.svg#league_gothic') format('svg'), url ('') format ('woff'), url(' gothic.otf') format('opentype'); } p {   font-family:‘League Gothic’; }
  • 21. @font-face { font-family: 'League Gothic'; src: url(''), url(' gothic.svg#league_gothic') format('svg') ; } p {   font-family:‘League Gothic’; }
  • 22. Do You Have a License?
  • 23. Do You O Have a. N License
  • 24. Web- Friendly Font Licenses.
  • 25. Open Font License - commercial use - redistribution - derivative works
  • 26. Acknowledgement A was a quick f project, whi wanted to complete in t r to give a cop the result to friend to commemorat
  • 27. League Gothic / League Ghotic Extended g League Gothic is a revival of an old and one of our favorite typefaces, A Gothic No.1. It was originally design 0 Morris Fuller Benton for the Americ Founders Company (ATF) in 1903. Th company went bankrupt in 1993. An the original typeface was created b
  • 28. PT Sans K PT Sans family was developed as a the project “Public Types of R Federation”. The fonts of this projec open user license and can be l distributed. The main aim of the pr to give possibility to the peop Russia to read and write on native languages. The proj dedicated to 300-year anniversary civil type invented by Peter the G
  • 29. Titillium g The aim of the project is the creation of a collective fonts released under OFL to be promoted and shared through a web platf Each academic year, a dozen of y students are working on the proje developing and solving problems. The type designers interest the amendment or revisio Titillium are invited to coop or develop their own varian
  • 30. GNU General Public License - commercial use - redistribution - derivative works
  • 31. Electrum E J'étais bien loin d'imaginer que la réa ce caractère prendrait autant de temp les premiers dessins mis en ligne fin a De même, j'ai profité de ce réalisation pour fixer les sc opentypes liés aux indices dérivés parfois utilisés en publication. L'objectif était
  • 32. Mekanus K La famille de police Mekanus est née d'u de style ayant pour objet de combiner u typewriting et courbes qui rappellent l'é Durant le developpement, elle a été empat f manière à embellir le rendu initial. Avec le elle a été étendues avec de nombreuses liga servirent à écrire le script opentype, ainsi placement PUA de manière à pouvoir incorporées dans les polices postscrip
  • 33. Ikarius ß Les polices Ikarius utilisent des hauts caractères épaißis et droits par rappo et se caractérisent également par un s pour les bas de caße. Elles sont deßin k manière à offrir un rendu visuel équili utilisables à la fois pour le texte et le t Ikarius poßède un espacement reßerré un aspect légèrement condensé. Dans version les caractères « v, y, w » ont d la partie supérieure comme les autres de la police. La barre inférieure de l'œ
  • 34. a Cantarell “The Cantarell is a contemporary Human designed for on-screen reading; in parti web pages on an HTC Dream mobile ph device runs Google Android and therefo f browser supporting the exciting new we known as @font-face. As my very first typeface design, th has many faults, yet it achieves the improving readability on this device - David Crossland
  • 35. X11 / MIT License - commercial use - redistribution - derivative works
  • 36. CMU Serif Upright Roman & Computer Modern Unicode fonts were c metafont sources using mftrace with aut backend and fontforge (former pfaedit). purpose is to create free good quality fon X applications supporting many languag k the fonts contain glyphs from Latin1 (M vnr), Cyrillic (lh) and Greek (cbgreek w code sets and IPA extensions (from tipa alphabets are also welcome. Now this se fonts. It is better to use these fonts with enabled.
  • 37. CMU Concrete A Computer Modern Unicode fonts were co metafont sources using mftrace with auto and fontforge (former pfaedit). Their mai create free good quality fonts for us k applications supporting many languages. fonts contain glyphs from Latin1 (Metafo Cyrillic (lh) and Greek (cbgreek when av and IPA extensions (from tipa). Other alp welcome. Now this set contains 33 fonts. use these fonts with antialiasing enabled.
  • 38. CMU Sans Serif G Computer Modern Unicode fonts were convert metafont sources using mftrace with autotrace fontforge (former pfaedit). Their main purpose free good quality fonts for use in X applicat a supporting many languages. Currently the font glyphs from Latin1 (Metafont ec, tc, vnr), Cyr Greek (cbgreek when available) code sets and (from tipa). Other alphabets are also welcome contains 33 fonts. It is better to use these fo antialiasing enabled.
  • 39. Web Native hi low openly stroke licensed contrast large x-height open counter
  • 40. free as in Freedom
  • 41. league gothic 202 glyphs
  • 42. “We all love League Gothic font from So I extended this famous and awesome font...”
  • 43. league gothic league ghotic extended 202 glyphs 321 glyphs
  • 44. Where to find open fonts
  • 45. 87 fonts all 100% open
  • 46. lots of fonts ready for use - check the licenses.
  • 47. 700 openly licensed fonts categorized by license & freedom.
  • 48. Let’s Keep Talking Brought to you with: CMU Serif Upright Italic & Providence