Dirty font tag secrets

Dirty font tag secrets

Summary: I nearly used the font tag. There, I said it.Being freelance, I get used to the gritty reality of web development.

SHARE:

I nearly used the font tag. There, I said it.

Being freelance, I get used to the gritty reality of web development. Case in point, building HTML emails. CSS3?! I don’t think so, you’ll be lucky to get margin-top working (thanks, Hotmail). Background images? No, not without Outlook, which can be shortened to withOutLook. Oh, and the reams of inline styling. Delight.

Campaign Monitor have a fantastic resource, called Guide to CSS support in email, detailing which email client supports what CSS (hint, Microsoft doesn’t come out brilliantly). On the one hand, it makes for sorry reading, as though the Web Standards Project never existed. On the other, it is joyous to see how far we have come with regard to browser support, and the excitement of Responsive and Adaptive Web Design.

As previously intimated, there is no such thing as a cascading stylesheet with HTML emails, you have to write the CSS for every single HTML element. On the previous file I was working from, someone had styled the anchor tag, and then added a styled font tag. For those that don’t know, this is akin to praising the health benefits of menthol cigarettes.

The dreaded font tag
The dreaded font tag in action, conflating semantics and presentation.

I asked a colleague if the font tag was helping out the HTML email at all. He didn’t know but advised leaving it in, just in case! I have dared leave out, to hell with bad email clients. Unless, of course, it is required by withOutLook ;)

@growdigital

Topic: Software Development

Jake Rayson

About Jake Rayson

A web designer since the 20th century, I am a pragmatic advocate of Free Software and I use proprietary software when appropriate. I made the full-time switch to Linux back in 2007, and my desktop tools of choice are Linux Mint, Inkscape, GIMP and Sublime Text.

As a Front End Developer, my core skills are HTML5, CSS3 and jQuery, and my working life reflects my commitment to open standards and accessible websites (ie accessible by everyone, regardless of browser, platform, ability or technology).

For web publishing platforms, I use WordPress for ease of use and Drupal for more complex solutions.

I am also learning about Ruby, Rails, Sinatra and CoffeeScript. I like the minimalist Ruby Way. To this end, my personal portfolio website is built with NestaCMS.

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Talkback

2 comments
Log in or register to join the discussion
  • Not going to let the cat out the bag?

    I don't use Its just another thing to do in a html email, in a long list of things to do. The 2012 Olympics have been spamming me with the most glorious of emails - you should check them out if you haven't already. They look great, support HTML5 in AppleMail and seem to render just dandy across all the big email clients.
    anonymous
  • @Ty Fairclough > thanks for the tip, I'll track down the Olympic emails. Maybe it's about time to use Progressive Enhancement in emails?! btw it's always nice to be spammed with well made spam!
    Jake Rayson