Posts Tagged email design

Font use for a web-safe world.

With only a handful of web-safe fonts out there, I find myself having to get a little creative with what’s available. As you may know, a font that is considered ‘web-safe‘ comes pre-installed on a wide range of computer systems and is used to increase the chance that the content gets displayed in its chosen font. If your recipient does not have the specified font, their browser or email program will select an alternative. The most current list of web-safe fonts include: Arial, Times New Roman, Verdana, Georgia, Comic Sans, Trebuchet and Courier New.

In my quest to take full advantage of these web-safe warriors, I’ve learned a few tips & tricks.

Style tips for web-safe fonts1. Pick a font and stick with it.
While a menagerie of Times New Roman, Comic Sans, and Verdana sounds eye-catching, too many font faces can really take the look of your email ‘over the top.’ Instead, maintain consistency and style by using variations of the same font. There are many ways to explore this method through use of color, weight, and size. It should still allow for plenty of variety within the email and it’ll also make your font choices easier.

2. Create headers with images.
Ever find yourself just wishing that you could use that awesome, free font you just downloaded in your next email? You can always use the font in an outside program and then bring it into your email as an image. I tried out this trick recently to add a bit of jazz, pizazz, whimsy, whatever-you-wills to my header sections. What do you think?

3. Gray’s the new black.
Here’s a new trend in email design: try using medium and dark shades of gray for your body copy color instead of black. It’s a quick and effective way to transform the look of your emails into something a bit more friendly and casual (assuming that’s the look you’re going for).

Hopefully, this ‘moment of fonti-ness’ has inspired you to get out there and get creative with web-safe fonts. Feel free to stop by and let us know what tricks work for you.


Picture this: a great service for prepping your email campaign’s images

Adding photos to your stylish emails can now be a walk in the park with the help of Picnik, a free online service that allows you to edit, crop, & re-size your photos.

picture-1.pngServices like Picnik can add a lot to the look and feel of your email newsletter design. Do you have any large or oddly-sized photos lying around that you’d like to include in an email campaign? With Picnik, you can easily pull those photos from your desktop, scale or crop them to the perfect size and save the new and improved image. Having a consistent image size throughout your campaign will improve the overall aesthetic and increase the readability of the content, not to mention all the positive feedback you’ll receive from your audience members! For an example, check out Ad Age’s email.

picnik_screenshot1.jpgStill not convinced? Here’s another good reason to give this site a try. For those of you who simply want to pull the header from your website and resize it for use in emails, Picnik’s got you covered. In addition to editing photos from your desktop, Picnik enables you to edit them directly from any website (including sites like Photobucket or Facebook ). Type in the URL to your personal or business website and, like magic, all of the images hosted there will appear on Picnik. Just choose the header image & scale it down! We recommend keeping the width of your email header between 600 and 650 pixels.

After using a tool as fabulous as Picnik, you’ll be able to create visually stunning emails in no time. You might even have time for a real picnic…