Fonts MS Outlook邮件未呈现Google API字体-Roboto压缩
我有一个每天发送和发送电子邮件的应用程序,我正在添加以下代码和我的HTML样式表参考:Fonts MS Outlook邮件未呈现Google API字体-Roboto压缩,fonts,outlook,webfonts,email-client,google-webfonts,Fonts,Outlook,Webfonts,Email Client,Google Webfonts,我有一个每天发送和发送电子邮件的应用程序,我正在添加以下代码和我的HTML样式表参考: <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD"> <tr>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
HTML:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
我是一些新的文本,编辑我!哦
我无法看到Roboto压缩在电子邮件中(Outlook,Browser-Outlook,gmail),而不是其显示邮件客户端的后退字体:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
我已经按照这些文章实现了,但这也不起作用
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
大多数电子邮件客户端并不支持您在web客户端上看到的每种类型的HTML内容。 有关更多信息,请参阅以下链接:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
您可以尝试其他方法来实现这一点。有关更多信息,请参阅以下链接:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
致以最良好的祝愿
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
Evan大多数电子邮件客户端并不支持您在web客户端上看到的每种类型的HTML内容。
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
有关更多信息,请参阅以下链接:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
您可以尝试其他方法来实现这一点。有关更多信息,请参阅以下链接:
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
致以最良好的祝愿
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->
埃文
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
<tr>
<td class="col-td" style="padding-left:0px;padding-right:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
<tr>
<td class="cell-td" style="padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px">
<div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]></tr></table><![endif]-->
</td>
</tr>
</table><!--/.container-->