Previewing Typefaces, Backgrounds and Colors with sIFR

June 5th, 2007 | 0 Comments | 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 '.

March 2010
S M T W T F S
« Feb    
 123456
78910111213
14151617181920
21222324252627
28293031  

New on Flickr

Snow melt, Mahlon Dickerson Reservation
Late afternoon, Dickerson Reservation
Sandy Hook LIghthouse
Fresnel Lens, Sandy Hook Light
Pittsburgh
Yosemite Valley
Safeway
Surprise Lilies