treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Outlook ignores font in newsletter

  • Hi there.
    I've got a major problem on my hands. I'm developing a newsletter for a client and it works perfectly in all apps other than Outlook (go figure).

    What happens is that for some reason Outlook ignores my font-family-style.
    I've got this on all td:s in my newsletter:
    style="font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,Verdana,sans-serif;"

    and this in the head:
    <style media="all" type="text/css">
    td { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,Verdana,sans-serif; }
    </style>


    It works fine in my version of outlook (a new fresh installation, since I'm working on a Mac) but not on my coworkers and/or the clients. They end up with Times New Roman as a font, while I "downgrade" to Helvetica/Arial (as it should be).

    The wierd thing is, other newsletters (also done by me) works fine in all of our Outlook-versions.

    What have I missed? Or what is wrong? Help would be very kind.
    Oh, and we are using the service "Madmimi" to send our newsletters.
    /Henrik, Sweden

    EDIT: I solved the problem. I switched doctype to:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
  • I would suggest using inline styling for HTML newsletters. That's what I do and I've never had a problem.
    <p style="font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,Verdana,sans-serif;">Example</p>
  • jamy_za, I tried that after I wrote this post, still no success.
  • Do you have a version of the newsletter online?