Tech Stuff

Previewing Typefaces, Backgrounds and Colors with sIFR

This might not be the perfect cross-browser solution as is; but as a proof-of-concept here is a font previewer using sIFR, the CSS/Javascript/Flash method for embedding real fonts into your web page. It’s usually used for headlines and other display copy, but with a little elbow grease it can be used for this kind of preview as well. I’m using it for a custom-embroidery client to show different monogram styles and colors against the colors of various shirt and hat colors.

More than just changing a standard “the quick brown fox…” block of type, we wanted users to be able to enter in their own wording or initials to see what they looked like. Working with a range of manufacturers, each with a range of products in multiple colors, we needed to match them against another range of thread colors.

You can read the details and play with the demo right over here…

Tom
Tom McGee has been building web sites since 1995, and blogging here since 2006. Currently a senior developer at Seton Hall University, he's also a freelance web programmer and musician. Contact him if you have the need for a blog, web site, redesign or custom programming!

Leave a Reply

Your email address will not be published. Required fields are marked *