Previewing Typefaces, Backgrounds and Colors with sIFR

June 5th, 2007 | 0 Comments | Tech Stuff |

This might not be the per­fect cross-browser solu­tion as is; but as a proof-of-concept here is a font pre­viewer using sIFR, the CSS/Javascript/Flash method for embed­ding real fonts into your web page. It’s usu­ally used for head­lines and other dis­play copy, but with a lit­tle elbow grease it can be used for this kind of pre­view as well. I’m using it for a custom-embroidery client to show dif­fer­ent mono­gram styles and col­ors against the col­ors of var­i­ous shirt and hat colors.

More than just chang­ing a stan­dard “the quick brown fox…” block of type, we wanted users to be able to enter in their own word­ing or ini­tials to see what they looked like. Work­ing with a range of man­u­fac­tur­ers, each with a range of prod­ucts in mul­ti­ple col­ors, 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 '.

September 2010
S M T W T F S
« Aug    
 1234
567891011
12131415161718
19202122232425
2627282930  

New on Flickr

Inquisitive
Small Ferns
Tillman Ravine
Tillman Ravine
Bunny Kiosk
Snow melt, Mahlon Dickerson Reservation
Late afternoon, Dickerson Reservation
Sandy Hook LIghthouse