Font Swoon - Advanced Web Typography
•
22 likes•13,567 views
In Font Swoon we will not only take a great look at some cool and inspiring fonts and implementations, but an in-depth look at advanced type techniques using CSS3 as well as basic implementation. A type nerd must see.
Recommended
More Related Content
Viewers also liked
Viewers also liked (17)
More from Sara Cannon
More from Sara Cannon (20)
Recently uploaded
Recently uploaded (20)
Font Swoon - Advanced Web Typography
- 1. Font Swoon ... @saracannon sara-cannon.com
- 2. Sara Cannon Freelance Artist, Designer, & WordPress Developer living in Birmingham, AL @saracannon slideshare.net/saracannon
- 3. #fontswoon
- 4. Web Design is 95% Typography informationarchitects.jp/en/the-web-is-all-about-typography-period
- 6. Web Examples
- 8. Liquor Store FF Meta Serif
- 10. FF Din FF Tisa
- 11. browsehappy.com
- 12. League Gothic Le Monde Courrier
- 14. FF Din
- 15. Fonts! Fonts! Fonts!
- 16. Slab-Serif
- 17. @ fo nt-f ac e Arvo Made By: Anton Kovit files.korkork.com
- 19. Archer Made By: H&FJ typography.com
- 21. @ fo nt-f ac e Adelle Made By: Type Together type-together.com
- 23. @ fo nt-f ac e Cambria Made By: Ascender Fonts ascenderfonts.com
- 25. @ fo nt-f ac e Clarendon Made By: Bitstream bitstream.com
- 27. @ fo nt-f ac e Chaparral Pro Made By: Adobe adobe.com
- 29. @ fo nt-f ac e Droid Serif Made By: Google code.google.com/android
- 31. @ fo nt-f ac e Museo Slab Made By: exljbris exljbris.com
- 33. Vitesse Made By: H&FJ typography.com
- 35. Sans-Serif
- 36. Avenir Made By: Adrian Frutiger Linotype.com
- 38. @ fo nt-f ac e Droid Sans Made By: Google code.google.com/android
- 40. @ fo nt-f ac e Brandon Grotesque Made By: HVD hvdfonts.com
- 42. @ fo nt-f ac e DIN Made By: Linotype linotype.com
- 44. @ fo nt-f ac e Futura Made By: BitStream Adobe.com
- 46. Gotham Made By: H&FJ typography.com
- 48. @ fo nt-f ac e Proxima Nova Made By: Mark Simonson ms-studio.com
- 50. @ fo nt-f ac e Omnes Made By: Joshua Darden dardenstudio.com
- 52. Display Type
- 53. @ fo nt-f ac e Mensch Made By: Morgan Kuntson los ype.com
- 54. @ fo nt-f ac e LEAGUE GOTHIC Made By: The League of Moveable Type theleagueofmoveabletype.com
- 56. @ fo nt-f ac e Bello Script Made By: Underware underware.nl
- 57. Franchise Made By: Derek Weathersbee los ype.com
- 58. @ fo nt-f ac e Homestead Made By: Luke Lisi los ype.com
- 59. Ranger Made By: Evan Huwa los ype.com
- 60. Type Foundries
- 61. Lost Type los ype.com
- 63. exljbris exljbris.com
- 65. font font font-font.com
- 67. H&FJ typography.com
- 69. League of Moveable Type theleagueofmoveabletype.com
- 71. Open Source! Ofl (open Font License) theleagueofmoveabletype.com/manifesto
- 72. House Industries houseind.com
- 74. ARS Type arstype.angusrshamal.com
- 76. Craft You CSS
- 94. @font-face
- 95. Hand Code Typekit Or Other Paid Hosts Google Api
- 97. Fontsquirrel.com
- 99. typekit.com
- 101. Test & Tweak
- 102. check all browsers
- 103. TYPE CRUNCH!!!
- 105. Disable for IE
- 106. Disable for Windows
- 107. Disable for Firefox
- 108. Firefox on all of Windows
- 109. Chrome on Windows XP getting around cache custom.js style.css
- 110. Neat Type Scripts
- 111. Lettering.js le eringjs.com
- 115. kern.js kernjs.com
- 117. FitText fi extjs.com
- 119. Neat Type Scripts
- 124. Other Must Havesies
- 125. What Font chengyinliu.com/whatfont.html
- 127. live example: valiocon.com
- 128. Google Font Previewer github.com/pamelafox/font-previewer-extension
- 133. Follow the Industry
- 134. Follow The Industry @JasonSantaMaria @fontsquirrel @veen @typekit @brucel @h_ @ilovetypography @clagnut @jessicahische @fchimero
- 135. blog.typekit.com
- 137. Find Inspiration
- 138. ilovetypography.com
- 140. webtypography.net
- 142. typographica.org
- 144. fontsinuse.com
- 146. friendsoftype.com
- 148. typography-daily.com
- 150. siteinspire.net
- 152. typographyserved.com
- 154. ministryoftype.co.uk
- 156. dribbble.com
- 160. life is short, art is long Typography is Everything. code is poetry.
- 161. #fontswoon @saracannon sara-cannon.com