RSS feed

Idea: JavaScript font preview widget

February 17, 2011

Web fonts are all the rage.  I’ve been playing with both Typekit and the Google Fonts API recently, and one of the big drawbacks I’ve seen so far is the inability to test the fonts without a lot of pain.  If you’re used to making comps, how will you design with a given font if it isn’t installed on your machine?  If you’re a developer, aren’t you hungry for something more efficient than configuring options on the font archive’s site, calling the script in your header and then adding it to your CSS?

So far I haven’t seen a smooth, simple way to flip through various fonts in the same way you might in a graphic design program.

There should be a way.  It wouldn’t be hard to write some JavaScript that you only have to place once in your page header that would allow you to preview many fonts in your site.  Imaging being able to specify a class or tag — or even just click on an element — and choose from drop-down boxes full of fonts, sizes and styles.

Normally, I would keep this idea to myself, scheme about it for eons and maybe, just maybe, bring it to light.  Instead, I’m going to discuss it here so somebody builds it — maybe me, maybe you — but it seems like a good enough idea that it must be done.  Maybe it already is and I don’t know about it.

Contact Me

sean@seanmccambridge.com

Twitter: @mccambridge

LinkedIn profile

A LOT OF PEOPLE HAVE ASKED about the background photo on this site. It was taken on the beach by Fort Moultrie on the harbor side of Sullivan's Island, SC. The old, wooden sea wall has been there as long as I've lived in Charleston. The beach is a great place to watch the ships and shrimpers come in and has one of the best views of downtown Charleston.