Font Swoon - Advanced Web Typography
•
22 j'aime•13,568 vues
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.
Recommandé
Contenu connexe
En vedette
En vedette (17)
Plus de Sara Cannon
Plus de Sara Cannon (20)
Dernier
Dernier (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