HTML邮件签名设置行间距、Calibri字体及链接样式求助

适配多邮件客户端的最终代码 #

<table style="border-collapse: collapse; width: 100%; height: 252px; font-family: 'Calibri (Body)', Calibri, Arial, sans-serif; margin: 0; padding: 0;">
<tbody>
<tr style="background-color: #f8f8f8;font-size:14px; line-height: 1; margin: 0; padding: 0;">
<td style="width: 3%; height: 125px; margin: 0; padding: 0;">&nbsp;</td>
<td style="width: 94%; height: 125px; text-align: center; margin: 0; padding: 0;">
<p style="text-align: center; margin: 0; padding: 0; line-height: 1;"><strong>Terry Mueller</strong></p>
<p style="text-align: center; margin: 0; padding: 0; line-height: 1;">Private Private</p>
<p style="text-align: center; margin: 0; padding: 0; line-height: 1;">Aus 20, 89054 Dettingen, Germany</p>
E-Mail: <a href="mailto:terry.mueller@capcap.com" style="text-decoration: none; color: #000; margin: 0; padding: 0;">terry.mueller@capcap.com</a></td>
<td style="width: 3%; height: 125px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr style="height: 2px; line-height: 1; margin: 0; padding: 0;">
<td style="width: 3%; height: 2px; margin: 0; padding: 0;">&nbsp;</td>
<td style="width: 94%; height: 2px; margin: 0; padding: 0;">&nbsp;</td>
<td style="width: 3%; height: 2px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr style="background-color: #f8f8f8;font-size:12px; line-height: 1; margin: 0; padding: 0;">
<td style="width: 3%; height: 125px; margin: 0; padding: 0;">&nbsp;</td>
<td style="width: 94%; height: 125px; text-align: justify; margin: 0; padding: 0;"><strong>Important Note:</strong> This e-mail and any attachment are confidential and may contain trade secrets and may well also be legally privileged or otherwise protected from disclosure. If you have received it in error, you are on notice of its status. Please notify us immediately by reply e-mail and then delete this e-mail and any attachment from your system. If you are not the intended recipient, please understand that you must not copy this e-mail or any attachment or disclose the contents to any other person. Thank you for your cooperation.</td>
<td style="width: 3%; height: 125px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>

调整说明 #

• 行间距适配：所有元素都添加了margin:0; padding:0; line-height:1的内联样式，彻底清除浏览器、邮件客户端默认的上下边距和行间距，符合行间距为0的要求。
• 全局字体设置：在table根节点就指定了Calibri (Body)为优先字体，同时添加了Calibri、Arial等备用字体，确保没有安装Calibri的设备也能显示相似的无衬线字体，兼容多平台。
• 邮箱链接样式优化：给mailto链接直接添加内联样式去除下划线、设置为黑色，规避了绝大多数邮件客户端自动给链接加蓝色下划线的默认规则。

所有样式均采用内联写法，没有使用兼容性差的外部CSS、头部style标签，适配Outlook、Gmail等主流邮件客户端的解析规则。

内容的提问来源于stack exchange，提问作者BroNKo