AO
1
Font Family and Size Not Working in Outlook
Outlook isn't picking up my font-family or font-size of my text. Both of these are listed not just in the p tag, but also in the td class. I pulled out just the text portion of this and ran it through Litmus and it appeared just fine...which is why I I'm thinking it must be something else somewhere in my html that's throwing it off - but I have no idea what! (so sorry for the long code just no idea what it is)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="format-detection" content="address=no;email=no;telephone=no" />
<title>Captora</title>
</head>
<body><style type="text/css">
@font-face {
font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype');
}
</style><br />
<!---marketing dive head--->
<div><center><img src="http://s3.divecdn.com/newsletter/blasts/blast_header_md.png" width="275" height="23" vspace="3"><img src="{beacon_src}"></center></div>
<!---marketing dive head--->
<div class="emailSummary" style="display: none !important; float: none !important; font-size: 0 !important; height: 0 !important; line-height: 0 !important; max-height: 0 !important; mso-hide: all; overflow: hidden !important; padding: 0; width: 0 !important"></div>
<table id="emailBody" width="100%" border="0" cellspacing="0" cellpadding="0" style="background: #ebebeb; border-collapse: collapse; border-spacing: 0; height: 100%; margin: 0; min-height: 1000px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; width: 100%" bgcolor="#ebebeb">
<tr>
<td align="center" valign="top" class="emailBodyCell" style="-webkit-text-size-adjust: none; background: #ebebeb; border-collapse: collapse; border-spacing: 0; height: 100%; margin: 0; min-height: 1000px; padding: 32px 16px; width: 100%" bgcolor="#ebebeb">
<table width="544" border="0" cellpadding="0" cellspacing="0" class="eBox" style="border-collapse: collapse; border-spacing: 0; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; width: 544px">
<tr>
<td class="topCorners" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; height: 16px; margin: 0; padding: 0; width: 544px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; margin: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; width: 100%">
<tr>
<td align="left" valign="top" class="crn_lftp" style="-webkit-text-size-adjust: none; background: #fff; border-collapse: collapse; border-spacing: 0; font-size: 0 !important; height: 16px; margin: 0; padding: 0; text-align: left; vertical-align: top; width: 16px" bgcolor="#fff"><img src="http://digitalmarketing.captora.com/rs/captora/images/header_left.png" alt="" width="8" height="8" style="-ms-interpolation-mode: bicubic; height: 8px; line-height: 100%; margin: 0; outline: none; padding: 0; text-decoration: none; width: 8px" /></td>
<td class="emptyCell space16" style="-webkit-text-size-adjust: none; background: #fff; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; font-size: 0 !important; height: 16px; line-height: 0 !important; margin: 0; padding: 0; width: 94%" bgcolor="#fff"> </td>
<td align="right" valign="top" class="crn_rgtp" style="-webkit-text-size-adjust: none; background: #fff; border-collapse: collapse; border-spacing: 0; font-size: 0 !important; height: 16px; margin: 0; padding: 0; text-align: right; vertical-align: top; width: 16px" bgcolor="#fff"><img src="http://digitalmarketing.captora.com/rs/captora/images/header_right.png" alt="" width="8" height="8" style="-ms-interpolation-mode: bicubic; height: 8px; line-height: 100%; margin: 0; outline: none; padding: 0; text-decoration: none; width: 8px" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="eHeader" style="-webkit-text-size-adjust: none; background: #fff; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0 16px 16px; width: 512px" bgcolor="#fff">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; margin: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0">
<tr>
<td class="eHeaderLogo" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 0 !important; font-weight: bold; height: 48px; margin: 0; padding: 0; text-align: left" align="left"><a href="http://www.captora.com" style="-webkit-text-size-adjust: none; color: #A4B82A; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; height: 48px; line-height: 0; padding: 0; text-align: left; text-decoration: none"><img class="imageFix" src="http://digitalmarketing.captora.com/rs/captora/images/logo.png" width="141.666666655" height="34" style="-ms-interpolation-mode: bicubic; border: none; display: block; height: auto; line-height: 100%; margin: 8px 0 0; outline: none; padding: 0; text-decoration: none; vertical-align: top; width: auto" /></a></td><td style="color: #a1a2a5; font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: right" align="right"><div class="mktEditable" id="little-text">Free Guide To Navigating Marketing Tech Adoption</div></td>
<!-- end .eHeaderLogo-->
<!--
<td class="eHeaderOptions" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;height: 48px;text-align:
right;vertical-align: top;font-size: 0 !important;">
<table border="0" cellpadding="0" cellspacing="0" class="optionsButton" align="right" style="margin-top: 0;margin-left: auto;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse:
collapse;border-spacing: 0;width: 152px;text-align: left;">
<tr>
<td align="left" valign="top" class="btnLfTp" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans',
sans-serif;background-color: #6aceb1;line-height: 100%;width: 4px;height: 5px;text-align: left;vertical-align: top;font-size: 0 !important;"><img src="images/opBtn_lftp.png" width="4" height="4" style="margin-top: 0;margin-left: 0;margin-right: auto;margin-bottom: 0;padding-top: 0;padding-bottom:
0;padding-left: 0;padding-right: 0;height: 4px;width: 4px;line-height: 0 !important;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;font-size: 0 !important;"></td>
<td class="emptyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
<td class="emptyCell mobileHide" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
<td width="4" height="8" align="right" valign="top" class="btnRgTp" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open
Sans', sans-serif;background-color: #6aceb1;line-height: 100%;width: 4px;height: 5px;text-align: right;vertical-align: top;font-size: 0 !important;"><img src="images/opBtn_rgtp.png" width="4" height="4" style="margin-top: 0;margin-left: auto;margin-right: 0;margin-bottom: 0;padding-top:
0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 4px;width: 4px;line-height: 0 !important;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;font-size: 0 !important;"></td>
</tr>
<tr>
<td class="emptyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
<td class="btnIcon" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;width: 20px;height: 16px;text-align: center;vertical-align: middle;"><a href="#" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;color:
#A4B82A;margin-top: auto;margin-left: auto;margin-right: auto;margin-bottom: auto;"><img src="images/sub_options.png" width="16" height="16" alt="Options" style="margin-top: auto;margin-left: auto;margin-right: auto;margin-bottom: auto;padding-top: 0;padding-bottom: 0;padding-left:
0;padding-right: 0;height: 16px;width: 16px;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;"></a></td>
<td class="btnMain mobileHide" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 6px;padding-right: 2px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans',
sans-serif;background-color: #6aceb1;height: 16px;font-size: 18px;line-height: 16px;mso-line-height-rule: exactly;text-align: left;vertical-align: middle;"><a href="#" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration:
none;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;color: #A4B82A;font-size: 12px;"><span style="text-decoration: none;color: #ccece2;font-size: 12px;">Notification Options</span></a></td>
<td class="emptyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
</tr>
<tr>
<td align="left" valign="bottom" class="btnLfBt" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans',
sans-serif;background-color: #6aceb1;line-height: 100%;width: 4px;height: 5px;text-align: left;vertical-align: bottom;font-size: 0 !important;"><img src="images/opBtn_lfbt.png" width="4" height="4" style="margin-top: 0;margin-left: 0;margin-right: auto;margin-bottom: 0;padding-top:
0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 4px;width: 4px;line-height: 0 !important;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;font-size: 0 !important;"></td>
<td class="emptyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
<td class="emptyCell mobileHide" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans', sans-serif;background-color:
#6aceb1;line-height: 0 !important;font-size: 0 !important;"> </td>
<td align="right" valign="bottom" class="btnRgBt" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: 'Open Sans',
sans-serif;background-color: #6aceb1;line-height: 100%;width: 4px;height: 5px;text-align: right;vertical-align: bottom;font-size: 0 !important;"><img src="images/opBtn_rgbt.png" width="4" height="4" style="margin-top: 0;margin-left: auto;margin-right: 0;margin-bottom: 0;padding-top:
0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 4px;width: 4px;line-height: 0 !important;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;font-size: 0 !important;"></td>
</tr>
</table>
</td>
-->
<!-- end .eHeaderOptions-->
</tr>
</table>
</td>
</tr>
<tr>
<td class="highlight pdTp32" style="-webkit-text-size-adjust: none; background: #f9f8fb; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; margin: 0; padding-bottom: 0; padding-top: 10px; text-align: center; width: 512px" align="center" bgcolor="#f9f8fb">
<div class="bannerLink"><a style="color: #a4b82a; display: inline-block; font-family: 'Open Sans', sans-serif; padding: 0; text-decoration: none" href="http://digitalmarketing.captora.com/Modern-Marketers-Guide-To-Technology-Adoption.html" target="_blank"><img style="border: none; color: #78b8c4; display: block; font-size: 16px; line-height: 0; margin: 0; outline: none; padding: 0; text-align: center; text-decoration: none" src="http://blog.captora.com/wp-content/uploads/sites/8/2015/10/MarketingDive_EmailHeader_v2.png" alt="Free Ebook: A Modern Marketers Guide To Navigate Technology Adoption" /></a></div>
</td>
<!-- end .highlight-->
</tr>
<tr>
<td class="eBody bottomLine" style="-webkit-text-size-adjust: none; background: #ffffff; border-bottom-color: #ebebeb; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-spacing: 0; color: #777288; font-family: 'Open Sans', sans-serif; margin: 0; padding: 16px 16px 0; width: 512px;" bgcolor="#ffffff">
<div class="mktEditable" id="dyn-body1"><p style="-webkit-text-size-adjust: none; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; margin: 0 0 24px; padding: 0; text-align: left" align="left">Hi There,<br /><br />
If you are like the majority of marketers, your team has limited resources to manage the amount of programs required to drive business growth. You may struggle balancing a lean team and ever tighter budgets—but understand that the right technology investments can triple marketing productivity.</p>
<p style="-webkit-text-size-adjust: none; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; margin: 0 0 24px; padding: 0; text-align: left" align="left">In our latest <a href="http://digitalmarketing.captora.com/Modern-Marketers-Guide-To-Technology-Adoption.html" target="_blank" style="-webkit-text-size-adjust: none; color: #A4B82A; display: inline-block; font-family: 'Open Sans', sans-serif; padding: 0; text-decoration: none"><span style="color: #A4B82A; font-weight: bold; text-decoration: none">eBook</span></a>
we outline some key hurdles faced by demand generation teams. Check it out and let me know what you think. It's a great asset to share with your team as well. </p>
</div>
<table>
<tbody><tr>
<td style="padding-left:165px">
<div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://digitalmarketing.captora.com/Modern-Marketers-Guide-To-Technology-Adoption.html" style="padding-left:165px; height:46px; v-text-anchor:middle; width:230px;" arcsize="38%" stroke="f" fillcolor="#BBCB31">
<w:anchorlock/>
<center>
<![endif]-->
<a href="http://digitalmarketing.captora.com/Modern-Marketers-Guide-To-Technology-Adoption.html" style="-webkit-text-size-adjust: none; background: #BBCB31; border-radius: 17px; color: #ffffff; display: inline-block; font-family: Tahoma, Geneva, sans-serif; font-size: 21px; font-weight: regular; line-height: 47px; text-align: center; text-decoration: none; width: 230px"><strong>DOWNLOAD NOW</strong></a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]--></div>
</td>
</tr>
</tbody></table>
<table>
<tr>
<td>
<br />
<div class="mktEditable" id="dyn-sig">
<p style="-webkit-text-size-adjust: none; color: #777288; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; margin: 0 30px 30px 0; padding: 0; text-align: left" align="left">Best Regards,<br /><br />
Paul Albright<br />
<em>CEO and Co-founder, Captora</em></p></div>
</td>
</tr>
</table>
</td>
<!-- end .eBody-->
</tr>
<tr>
<td class="eBody" style="-webkit-text-size-adjust: none; background: #ffffff; border-collapse: collapse; border-spacing: 0; color: #54565c; font-family: 'Open Sans', sans-serif; margin: 0; padding: 16px 16px 0; width: 512px" bgcolor="#ffffff">
</td>
<!-- end .eBody-->
</tr>
<tr>
<td class="bottomCorners" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; height: 16px; margin: 0; padding: 0; width: 544px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; margin: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; width: 100%">
<tr>
<td align="left" valign="bottom" class="crn_lfbt" style="-webkit-text-size-adjust: none; background: #ffffff; border-collapse: collapse; border-spacing: 0; font-size: 0 !important; height: 16px; margin: 0; padding: 0; text-align: left; vertical-align: bottom; width: 16px" bgcolor="#ffffff"></td>
<td class="emptyCell" style="-webkit-text-size-adjust: none; background: #ffffff; border-collapse: collapse; border-spacing: 0; font-family: 'Open Sans', sans-serif; font-size: 0 !important; height: 16px; line-height: 0 !important; margin: 0; padding: 0; width: 94%" bgcolor="#ffffff"> </td>
<td align="right" valign="bottom" class="crn_rgbt" style="-webkit-text-size-adjust: none; background: #ffffff; border-collapse: collapse; border-spacing: 0; font-size: 0 !important; height: 16px; margin: 0; padding: 0; text-align: right; vertical-align: bottom; width: 16px" bgcolor="#ffffff"><img src="http://digitalmarketing.captora.com/rs/captora/images/body_rgbt.png" alt="" width="6" height="6" style="-ms-interpolation-mode: bicubic; height: 8px; line-height: 100%; margin: 0; outline: none; padding: 0; text-decoration: none; width: 8px" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="eFooter" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; color: #777288; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 21px; margin: 0; padding: 14px 0 0; text-align: center; width: 544px" align="center">Captora is the Digital Marketing Acceleration Platform that helps you find and capture new buyers before your competition.<br />
</td>
</tr>
<tr>
<td class="contact" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; color: #777288; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 21px; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; text-align: center; width: 544px" align="center">450 Ferguson Dr, Suite 100, Mountain View, CA 94043<br />
<a href="mailto:sales@captora.com" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; padding: 0; text-decoration: none">sales@captora.com</a><br />
<a href="http://www.captora.com" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; padding: 0; text-decoration: none">www.captora.com</a>
</td>
</tr>
<tr>
<td class="contact" style="-webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; color: #777288; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 21px; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%;" align="center">
<a href="https://www.linkedin.com/company/3313621?trk=tyah&trkInfo=tarId%3A1399072402813%2Ctas%3Acaptora%2Cidx%3A2-1-2&mkt_tok=3RkMMJWWfF9wsRomrfCcI63Em2iQPJWpsrB0B%2FDC18kX3RUvILiZfkz6htBZF5s8TM3DVlNJXqRX4UEBT7k%3D" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; padding-left: 10px; padding: 0px; text-decoration: none">
<img align="center" src="http://digitalmarketing.captora.com/rs/captora/images/linkedin-icon.png" alt="" width="20" height="22"></a>
<a href="https://twitter.com/captora" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; padding-left: 4px; padding: 10px;">
<img align="center" src="http://digitalmarketing.captora.com/rs/captora/images/twitter-icon.png" alt="" width="30" height="32"/></a>
<a href="https://plus.google.com/105953865335803439999/" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; padding-left: 4px; padding: 10px;">
<img align="center" src="http://digitalmarketing.captora.com/rs/captora/images/google-plus-icon.png" alt="" width="18.75" height="20"/></a>
<a href="https://www.facebook.com/Captora" class="highFix" style="-webkit-text-size-adjust: none; color: #A4B82A; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; margin-left: -6px; padding: 15px; text-decoration: none">
<img align="center" src="http://digitalmarketing.captora.com/rs/captora/images/facebook-icon.png" alt="" width="18.75" height="20" ></a></td>
</tr>
</table>
<!-- end .eBox --></td>
<!-- end .emailBodyCell -->
</tr>
</table>
<!-- end #emailBody -->
<br />
<!---marketing dive foot--->
<center>
<!--[if mso]>
<table><tr><td width="650">
<![endif]-->
<p style="color:#666666; font-size:11px; margin: 5px; max-width:590px; font-family: Arial, sans-serif;text-align:left">
Want to reach 18,000+ marketing executives with your own message? Email <a href="mailto:advertising@industrydive.com" style="color: #666666;font-size:11px;">advertising@industrydive.com</a>.<br/><br/>
<strong>About this email:</strong> You are receiving this message as part of your complimentary subscription to <a href="http://www.marketingdive.com/" style="color: #666666;font-size:11px;">Marketing Dive</a>. If you no longer wish to receive Marketing Dive, <a href="{optout_confirm_url}" style="color: #666666;font-size:11px;">click here to unsubscribe instantly</a>. See our full <a href="http://www.marketingdive.com/about/privacy/" style="color: #666666;font-size:11px;">privacy policy</a>. Marketing Dive is a product of <a href="http://www.industrydive.com/" style="color: #666666; text-decoration: none;font-size:11px;">Industry Dive, Inc</a>. 829​ 7th St NW, 3rd Floor, Washington,​ DC 20001<br/>
</p>
<!--[if mso]>
</td></tr></table>
<![endif]-->
</center>
<br>
<!---marketing dive foot--->
</body></html>
I read this article: https://litmus.com/blog/typography-tips-for-email-designers
And due to being a beginner did not succeed in applying the code provided
We've always had luck with this and I hope it helps you as well.
WEB FONTS - http://tabletrtd.com/codelibrary/2015/10/26/web-fonts
&
OPENING CSS RESETS - http://tabletrtd.com/codelibrary/2015/10/21/opening-css-resets