行距和字体类型 html 电子邮件签名

Question

<table style="border-collapse: collapse; width: 100%; height: 252px;">
<tbody>
<tr style="background-color: #f8f8f8;font-size:14px;">
<td style="width: 3%; height: 125px;">&nbsp;</td>
<td style="width: 94%; height: 125px; text-align: center;">
<p style="text-align: center;"><strong>Terry Mueller</strong></p>
<p style="text-align: center;">Private Private</p>
<p style="text-align: center;">Aus 20, 89054 Dettingen, Germany</p>
E-Mail: <a href="mailto:terry.mueller@capcap.com">terry.mueller@capcap.com</a></td>
<td style="width: 3%; height: 125px;">&nbsp;</td>
</tr>
<tr style="height: 2px;">
<td style="width: 3%; height: 2px;">&nbsp;</td>
<td style="width: 94%; height: 2px;">&nbsp;</td>
<td style="width: 3%; height: 2px;">&nbsp;</td>
</tr>
<tr style="background-color: #f8f8f8;font-size:12px;">
<td style="width: 3%; height: 125px;">&nbsp;</td>
<td style="width: 94%; height: 125px; text-align: justify;"><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;">&nbsp;</td>
</tr>
</tbody>
</table>

这是我第一次编写html。我希望最终结果看起来像这样：

所以我基本上必须将行距设置为零，并且我希望字体类型为 Calibri (Body)。此外，电子邮件链接不应加下划线，我希望字体颜色为黑色而不是蓝色。无法弄清楚如何在html中做到这一点。任何帮助表示赞赏。结果应该尽可能地兼容。我知道这是一个菜鸟问题:)

提前感谢任何帮助！

Answer 1

您首先必须从 Google 字体导入字体。谷歌字体会给你一行粘贴到你的 HTML 的头部。然后您可以使用内联样式，但将其添加到每个元素中。 style="font-family: Calibri; line-height: 5px;".可能有更简单的方法...