Font problems in Outlook

I have set up a campaign to be sent out in the next couple of weeks. I have sent a test to myself (on a Mac) and it all looks fine. However, I've sent a test to a colleague (working on a PC) and when she views it in Outlook the font is displaying as a serif font but when she views it in Chrome the font displays as a sans-serif font which is correct. Another colleague views the html without any font problems at all and she's on a PC using Outlook too.

Please could anyone check my code. I thought I'd set it up correctly so I'm not sure if it's an issue with the email or if it's Outlook. Thank you!

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>FLG Services - We Sell As Well</title>
<style type="text/css">
a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
</style>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td bgcolor="#E5E5E3"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td width="22" bgcolor="#FFFFFF"><img src="images/FLG-Sell-HTML_01.jpg" alt="Social Media logos" width="122" height="69" usemap="#Map"/></td>
            <td width="468" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-style: normal; font-size: 9px; text-align: right;">Problems with this email? <webversion>View online</webversion> | <forwardtoafriend>Forward to a friend</forwardtoafriend></td>
            <td width="10" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-style: normal; font-size: 9px; text-align: right;">&nbsp;</td>
          </tr>
        </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="600" align="left" valign="top" bgcolor="#20B159"><a href="http://www.flgservices.co.uk" target="_blank"><img src="images/FLG-Sell-HTML_03.jpg" width="600" height="251" alt="FLG products" style="display:block;"/></a></td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="20" bgcolor="#20B159">&nbsp;</td>
              <td width="560" align="left" valign="top" bgcolor="#20B159" ><span style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-style: normal; font-size: 36px; color: #FFFFFF;">We Sell As Well</span><br>
                <br>
                <span style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; color: #FFFFFF;">We sell a wide range of products to meet the needs of our customers who prefer to buy instead of hire. And the extensive experience of our staff will ensure you get the right equipment for your lifting and safety requirements.<br>
                <br>
                Every piece of equipment we provide is supported by an after-sales inspection and repair service, based on the proven capabilities and resources which we devote to our own inventory of hire equipment.<br>
                <br>
              We are a market-leading company offering a fast and efficient sales service. With our national Service Centre network we can provide a local delivery service wherever you are.</span></td>
              <td width="20" bgcolor="#20B159" >&nbsp;</td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="600" align="left" valign="top"><img src="images/FLG-Sell-HTML_05.jpg" width="600" height="33" alt="" style="display:block;"/></td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="20" align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
              <td width="416" align="left" valign="top" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; color: #000000;">Our range of lifting and safety equipment includes:<br></td>
              <td width="164" align="left" valign="top" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; color: #000000;"><img src="images/FLG-Sell-HTML_07.jpg" width="164" height="32" alt="" style="display:block;"/></td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="20" align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
              <td width="236" align="left" valign="top" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; font-style: normal; color: #000000;">• Builders hoists<br>
                • Chain slings <br>
                • Girder clamps/trolleys<br>
                • Chain blocks<br>
                • Fibre slings (duplex/round)<br>
                • Hydraulic jacks &amp; rams<br>
                • Lever hoists<br>
                • Inertia reels<br>
                • Lashing systems<br>
              • Safety harnesses/lanyards</td>
              <td width="180" align="left" valign="top" bgcolor="#FFFFFF" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; color: #000000;">• Machine skates<br>
                • Sack trucks<br>
                • Pallet trucks<br>
                • Shackles<br>
                • Snatch blocks<br>
                • Winches<br>
                • Tirfors<br>
                • Wire rope slings<br>
              • And much more</td>
              <td width="164" align="left" valign="top" bgcolor="#FFFFFF"><a href="http://www.flgservices.co.uk" target="_blank"><img src="images/FLG-Sell-HTML_08.jpg" width="164" height="180" alt="" style="display:block;"/></a></td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="600" align="left" valign="top"><img src="images/FLG-Sell-HTML_09.jpg" width="600" height="28" alt="" style="display:block;"/></td>
            </tr> 
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="20" bgcolor="#1CB45A">&nbsp;</td>
              <td width="280" bgcolor="#1CB45A" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-style: normal; font-size: 20px; color: #FFFFFF; text-align: left;"><a href="mailto:enquiries@flgs.co.uk" target="_blank" style="color:#ffffff">enquiries@flgs.co.uk</a></td>
              <td width="280" bgcolor="#1CB45A" style="text-align: right; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 20px; color: #FFFFFF;"><a href="http://www.flgservices.co.uk" target="_blank" style="color:#ffffff"><span style="color:#ffffff">www.flgservices.co.uk</a></td>
              <td width="20" bgcolor="#1CB45A">&nbsp;</td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="600" align="left" valign="top"><img src="images/FLG-Sell-HTML_10.jpg" width="600" height="24" alt="" style="display:block;"/></td>
            </tr>
          </tbody>
      </table>
        <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td width="56" align="left" valign="top" bgcolor="#FFFFFF"><a href="http://www.aplant.com" target="_blank"><img src="images/FLG-Sell-HTML_12.jpg" width="56" height="100" alt="A-Plant logo" style="display:block;"/></a></td>
              <td width="544" align="left" valign="top" bgcolor="#FFFFFF" style="font-size: 9px; text-align: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-style: normal;">You’re receiving this e-mail because you’re a customer who has hired from, or expressed an interest in A-Plant products.<br>
                <unsubscribe>Unsubscribe instantly</unsubscribe><br>
                <br>
                To ensure our emails arrive safely, please add <a href="mailto:enquiries@flgs.co.uk" target="_blank">enquiries@flgs.co.uk</a> to your email address book<br>
                <br>
                A-Plant, 102 Dalton Avenue, Birchwood Park, Warrington, Cheshire WA3 6YE. Tel: 01925 281000 Web: <a href="http://www.aplant.com" target="_blank">www.aplant.com</a><br>
                <br>
              Control Code: 03/15/3435</td>
            </tr>
          </tbody>
      </table></td>
    </tr>
  </tbody>
</table>

<map name="Map">
  <area shape="rect" coords="-1,-2,30,71" href="http://www.aplant.com" target="_blank" alt="A-Plant website">
  <area shape="rect" coords="29,0,61,69" href="https://twitter.com/aplant_hire" target="_blank" alt="Twitter">
  <area shape="rect" coords="60,0,90,69" href="http://www.facebook.com/aplanthire" target="_blank" alt="Facebook">
  <area shape="rect" coords="89,0,124,69" href="http://www.youtube.com/aplanthire" target="_blank" alt="YouTube">
</map>
</body>
</html>
ericam ericam, 1 year ago

Hey, Benjamin!

Erica here, from the support team. Thanks for getting in touch! :)

Unfortunately, Outlook behaves strangely with certain fonts (among other things.) This is something it routinely does with certain fonts. There's a forum post here that mentions removing any references to Lucida to clear up the problem:

https://www.campaignmonitor.com/forums/topic/7009/font-sometimes-displays-in-helvetica-sometimes-times-in-outlook-2010/

Keep in mind the original post is not about Lucida, but rather a different font. However, one of the responses below the og post does have the same issue with Lucida and Outlook. :)

// Erica M | Support Admin


The Campaign Monitor Blog – HTML email smarts to go with your good looks.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098