Download as PDF, PPTX
Uploaded bySara Cannon
Font Swoon - Advanced Web Typography
The document discusses the importance of typography in web design, emphasizing that it constitutes a significant portion of visual communication. It provides a list of various font families and resources, including both paid and open-source options, as well as tips for implementing fonts in web projects. Additionally, it highlights key typography-related websites and accounts for ongoing inspiration and industry trends.
More Related Content
Similar to Font Swoon - Advanced Web Typography
![UiPath Automation Suite Installation (Hands-On) [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/automationsuitecommunitysession2-251015095633-a6d862f1-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
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.
- 4. Web Design is95% Typography informationarchitects.jp/en/the-web-is-all-about-typography-period
- 6.
- 7.
- 8. Liquor Store FF Meta Serif
- 9.
- 10.
- 11.
- 12. League Gothic Le Monde Courrier
- 13.
- 14.
- 15. Fonts! Fonts! Fonts!
- 16.
- 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.
- 36. Avenir Made By: AdrianFrutiger 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.
- 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: DerekWeathersbee los ype.com
- 58. @ fo nt-f ac e Homestead Made By: Luke Lisi los ype.com
- 59. Ranger Made By: EvanHuwa los ype.com
- 60.
- 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.
- 91.
- 94.
- 95. Hand Code Typekit OrOther Paid Hosts Google Api
- 96.
- 97.
- 98.
- 99.
- 101.
- 102.
- 103.
- 105.
- 106.
- 107.
- 108. Firefox on allof Windows
- 109. Chrome on WindowsXP getting around cache custom.js style.css
- 110.
- 111. Lettering.js le eringjs.com
- 115. kern.js kernjs.com
- 117. FitText fi extjs.com
- 119.
- 120.
- 122.
- 124.
- 125. What Font chengyinliu.com/whatfont.html
- 127. live example: valiocon.com
- 128. Google Font Previewer github.com/pamelafox/font-previewer-extension
- 130.
- 133.
- 134. Follow The Industry @JasonSantaMaria @fontsquirrel @veen @typekit @brucel @h_ @ilovetypography @clagnut @jessicahische @fchimero
- 135.
- 137.
- 138.
- 140.
- 142.
- 144.
- 146.
- 148.
- 150.
- 152.
- 154.
- 156.
- 158.
- 160. life is short,art is long Typography is Everything. code is poetry.
- 161. #fontswoon @saracannon sara-cannon.com