如何格式化Contact Form 7中不一致的电子邮件字体？

Question

我有一个简单的联系表格7表格，效果很好。我把它设置为HTML并有一些简单的格式，我将p标签设置为Arial，有些是粗体。

所有的大胆都很好。大多数文本都设置为Arial。但是，如果消息的行有多行，则它们会在后续行中恢复为Times New Roman。

确保整个电子邮件（只有几个p标签）始终设置为正确的字体系列的正确方法是什么？我应该把它全部包裹起来吗？ DIV？ HTML电子邮件格式总是有点神秘。

例：

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
<b>To Department:</b> [_raw_department]
<b>From:</b> [your-name] <[your-email]>
<b>Company:</b> [corporate-name]
<b>Phone:</b> [phone]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
<b>Message Body:</b>
[your-message]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
-- 
This e-mail was sent from a contact form on ABC123 (http://www.abc123.com)
</p>

Answer 1

这是因为你有一个带有字体声明的段落标记：

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">

如果添加新段落，则必须具有与其他段落标记相同的字体样式，以使其统一。

尝试使用一个表作为外部包装器，它具有字体解除，现在无论您创建的字体有多少段落标记都保持不变。

<table>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">

<p>
<b>To Department:</b> [_raw_department]
<b>From:</b> [your-name] <[your-email]>
<b>Company:</b> [corporate-name]
<b>Phone:</b> [phone]
</p>

<p>
<b>Message Body:</b>
[your-message]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
-- 
This e-mail was sent from a contact form on ABC123 (http://www.abc123.com)
</p>

</td>
</tr>
</table>

注意：不同的电子邮件客户端会以不同的方式呈如果您使用的是段落，请将其用作：

<p style="font-weight:normal;margin:0;Margin:0px;padding:0px;"></p>

这将确保您的段落与换行符保持一致，或者您可以使用中断标记来模拟段落标记。我个人使用break标签来说明额外的代码。

希望以上回答你的问题。