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>
Hi,
Your CSS is after the body. It needs to be moved up so it's before the closing head.
Also, use the Latin version of the Open Sans font.
You need to replace the @font-face code with this:
Here's where I got the code from:
https://fonts.googleapis.com/css?family=Open+Sans
Thanks,
Lee.
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
These links go to garbage & spam -- DO NOT CLICK THEM.
Use the Wayback Machine from 2015-2016 to find them instead!*
https://web.archive.org/web/20160131135451/http://tabletrtd.com/codelibrary/2015/10/21/opening-css-resets
https://web.archive.org/web/20160131135941/http://tabletrtd.com/codelibrary/2015/10/26/web-fonts
*(Information may be outdated, but at least it is THERE.)