Adobe’s recently launched Edge Web Fonts service has our attention, as it extends the software giant’s offering of free and open source fonts to users that aren’t interested in the restrictions of a Typekit trail membership or the Adobe-less Google Web Fonts.

The service is great because it doesn’t require you to sign up at all, is hosted for free by Typekit and is easy to implement on your site (see our beginner’s guide), but there’s one glaring issue that Adobe has yet to resolve: discovery.

Right now, in order to pick a typeface you have to use this:

Screen Shot 2012 10 03 at 5.16.40 PM 520x316 Heres a better way to browse Adobes new Edge Web Fonts serviceAbove: Not cool.

To combat the poor font-picker tool that Adobe provides on its site, designer/developer Tony Stuck created Edge Fonts Preview, which lays out all of the available typefaces so anyone can compare and contrast what’s available, instead of fumbling with a drop-down menu.

Screen Shot 2012 10 03 at 5.19.50 PM 520x251 Heres a better way to browse Adobes new Edge Web Fonts service

Stuck told TNW that, in addition to needing a better way to browse Edge Web Fonts, he used this project to experiment with tools like YeomanRequireJS and Backbone.Marionette. Additionally, since there was no available API, Stuck had to scrape the Edge Web Fonts site “to pull out all of the fonts, names, and their associated styles (via the WebKit console).”

Stuck says that more features are on the way, but for now we’re happy with this simple-yet-helpful site and hope that Adobe doesn’t take any offense to it (they shouldn’t). Check the site out via the link below, or visit the project on GitHub and learn more about how it was created on Stuck’s blog.

➤ Edge Fonts Preview

Image credit: Thinkstock