Previewing Typefaces, Backgrounds and Colors with sIFR

June 5th, 2007 | | Tech Stuff |

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…

Tags:

Leave a reply


Subscribe to comments with RSS or TrackBack to ' Previewing Typefaces, Backgrounds and Colors with sIFR '.

December 2008
S M T W T F S
« Nov    
 123456
78910111213
14151617181920
21222324252627
28293031  

New on Flickr

DSC_0431
DSC_0400
DSC_0462
DSC_0457
DSC_0451
DSC_0445
DSC_0443
Brady Bend Cemetery