Can I override the reference to the style sheet or individual style? I assume so, or hope at least. Our platform is weird like this.
Those are from the website itself. Shouldn't affect the email... I would hope.
I should have used the syntax... Sorry about this. Perhaps this is better (scope preview)
https://litmus.com/scope/lgbp9unwm5so
Again, it's ugly... but what can you do? Really want those serif fonts to come through on iPhone/Pad.
We always need 2 way with a crazy amount of custom data fields. This helps us with some major segmentation and querying. We also run events and a directory from this service. Le sigh.
Started a new discussion: Email Marketing Providers
Sure! Just don't judge the design. It's probably the ugliest thing ever... it was an email that had to match a print piece exactly (totally backward and silly). Here's the code, minus the media queries and other misc css.
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="FFFFFF">
<tbody><tr><td style="color: #FFFFFF; text-decoration: none; font-family:arial, sans-serif; font-size:2px;" class="hide" height="3" bgcolor="FFFFFF">
The George Washington University | Division of Development & Alumni Relations
</td></tr>
<tr>
<td class="hide" width="640" height="10">
</td>
</tr>
<tr>
<td align="center">
<table class="w640" width="640" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="FFFFFF" style="border:3px solid #00517e">
<tbody>
<tr>
<td class="w640" width="627" bgcolor="FFFFFF">
<table align="center" class="w640" width="627" cellpadding="0" cellspacing="0" border="0" bgcolor="FFFFFF" >
<tbody>
<tr>
<td class="w640" width="627">
<table class="w640" width="627" cellpadding="0" cellspacing="0" border="0" valign="top" >
<tbody>
<tr><td class="w640" width="627" colspan="3" align="center" valign="top">
<img style="display: block;" src="http://development.gwu.edu/email/banners/stw_header.gif" editable="true" class="w640" width="627" align="top" alt="The George Washington University">
</td></tr>
<tr><td height="20" colspan="3"></td></tr>
<tr>
<td class="w15" width="20" ></td>
<td style="font-size:18px; color:#444444; font-family:Georgia, Palatino, serif;" class="w640" width="625" align="center">
[Content]
</td>
<td class="w15" width="20"></td></tr>
<tr><td height="20" colspan="3"></td></tr>
<tr><td class="w640" width="627" colspan="3" align="center">
<img style="display: inline;" src="http://development.gwu.edu/email/images/gw_360.gif" editable="true" class="w580" width="350" align="top"></td></tr>
<tr><td height="15" colspan="3"></td></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr><td style="color: #FFFFFF; text-decoration: none; font-family:arial, sans-serif; font-size:2px;" class="hide" height="3" bgcolor="FFFFFF">
</td></tr>
</tbody>
</table>
<tr><td class="w640" width="640">
<table style="color: #777; text-decoration: none; font-family:arial, sans-serif; font-size:10px" class="hide" width="640" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="FFFFFF">
<tbody>
<tr><td height="10" bgcolor="FFFFFF" class="w640" colspan="3"></td></tr>
<tr>
<td width="5"></td>
<td class="w640" align="left" valign="top">
<span class="hide">The George Washington University<br>
<a style="color: #777; text-decoration:none;" href="#">2100 M Street NW, Suite 310, Washington, DC 20052</a>
<br><a style="color: #777; text-decoration:none;" href="http://www.alumni.gwu.edu">alumni.gwu.edu</a> | <a style="color: #777; text-decoration:none;" href="http://www.giving.gwu.edu">giving.gwu.edu</a>
<br><br></span><span class="text">
You have received this email message because of your affiliation with <a style="color: #777; text-decoration:none;" href="http://www.gwu.edu">The George Washington University</a>. You may manage your <a style="color: #777; text-decoration:underline;" href="http://connect.gwu.edu/site/CO">email preferences</a> at any time.</span>
</td>
<td width="5"></td>
</tr>
</tbody>
</table>
<tr>
<td class="hide" width="640" height="15">
</td>
</tr>
</td></tr>
</td></tr>
</tbody>
</table>
Thanks Jason. The comma thing was a mistake when I was typing it out. The original contained the semi-colon. I tried copying your code exactly and got the same result. iOS reverted the serif fonts back to Arial.
Is it an issue with quotes around the font names? I can't seem to figure this out... and it seems like it would be super simple. I even tried using span tags instead.
Just basic inline... whether it's in a span, table, and/or table data tag. Example:
<td style="font-size: 18px; color:#444444; font-family: Georgia, Palatino, serif, class="w640" width="625" align="center">