Adobe recently released their Edge Fonts service, which contains over 500 freely available fonts for (unlimited) use, running all on the back of Typekit. If you’re interested in reading more about the situation, see here, here, or here.
The fact that they did this at all is a big leap forward for Adobe, so that’s awesome. BUT, the edgefonts.com site is weak in making it easy for people to browse all of the available fonts. As of writing this, the only place to preview the fonts is at the bottom of Adobe’s Edge Web Fonts page, which is displayed in a very unnatural, select-one-and-hope-it’s-cool kind of way:
A Solution (well, a start)
I wanted a way to browse many fonts at a time (like on typekit.com for instance), so I made a small project out of it and experimented with creating my own Edge Fonts previewer. Yeoman was also recently released, so I used this opportunity to try it out. Below are a list of the tools/frameworks I used:
- Yeoman (and all that comes with it)
- Lodash (an extension of Underscore.js)
- Sass & Compass
If you’re interested in taking a gander at the code, head on over to the github repo. This is an early release just to get something out the door and I plan to add some more features and refine it overall.