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.)
The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.
- We love OpenType. It’s not just the latest font technology, but also the most advanced, poised to replace the old…Read more
- Preview the 150,000 FontShop fonts directly in Adobe Photoshop, Illustrator and InDesign and create comps and mock-ups for your clients…Read more
- Deadline is a superb looking stop motion video with Post-It Notes by Savannah College of Art and Design student Bang-yao…Read more
- FontWalk is a fabulous new take on the concept of the type catalogue / specimen / newsletter from FontShop AG, launched in June 2013…Read more
- The study “The uncrowded window of object recognition” advances the thesis that character spacing is the defining factor for legibility.…Read more
- ScreenFonts: Captain America: The Winter Soldier, Under The Skin, Hateship Loveship, The Quiet Ones (9)