Tip: GIF Your Type Right
It would be great if we could use any font we wanted in designs for the web. But since we're limited to what's installed on everyone else's machines, creating an image is the only way to make non-standard fonts viewable online. Here are a few tips for creating a web graphic in which type is the main subject:
When setting antialiased type in PhotoShop, experiment with the antialiasing settings. The best technique is dependent on the font, size, and colors involved, but I find"Crisp" or "Sharp" usually work best. "strong" is bad news — it usually fattens the character shapes and you lose definition.Save as GIF or PNG.For images with flat colors, the JPEG format can create unsightly halos and noise, all at the cost of a larger file size.Use Flash only when necessary.Yeah, you can do some crazy wack animation in Flash, but save it for those jobs that really require intense motion and scripting. Type almost always looks better as a GIF. (Though I hear the latest version of Flash (8) has improved antialiasing.)
Update:Rudy of FontShop Benelux reminds me that Flash can be an excellent medium for displaying type — if it's done right. His proof: the incredible OurType.com by Flash masters group94.
- ·London Underground's iconic Johnston Sans typeface
- ·The Future of Sex poster
- ·47 free tattoo fonts for your body art
- ·Japanese Typography Writing System
- ·Brother Moto Flat-Trackin' Tee
- ·10 Top Romantic Fonts on Valentine's Day!
- ·Food Not Bombs hypothetical redesign
- ·How House Industries Designs Its Retrotastic Logos and Typefaces
- ·Once Upon DESIGN: New Routes for Arabian Heritage
- ·20 Houses. A New Residential Landscape exhibition, Wallpaper* Architects Directory