Mailchimp按钮使用倾斜CSS时在Gmail中的显示效果很差

Question

我发现了这样的问题解答，使Mailchimp HTML模板电子邮件可以很好地在Gmail中呈现，从而为我解决了很多问题：Gmail formatting on html template is getting screwed up

虽然此答案为我解决了我的大部分问题，但它还引入了一个新的问题：在启用了嵌入式Mailchimp CSS的情况下，我的HTML按钮现在在Gmail中的显示效果很差。以前，以前在禁用内联功能的情况下，它们在Gmail上看起来很棒（尽管很多其他问题都被破坏了）。

在启用和不启用嵌入式CSS的情况下，它们都可以在Apple Mail中正常显示。

Gmail HTML按钮屏幕截图

Apple Mail HTML按钮屏幕截图

如何使用内嵌CSS改进Gmail中的这些按钮？

Answer 1

发现了问题，这确实很容易。

此行：

<td class="mcnButtonContent" style="font-family:Arial, &quot;helvetica neue&quot;:;, helvetica, sans-serif:;font-size:14px;padding:20px;mso-line-height-rule:exactly;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;" valign="middle" align="center">

特定：
font-family:Arial, "helvetica neue":;, helvetica, sans-serif:;

您已经在字体声明的中间声明了分号。然后，当您声明另一个字体后备项Helvetica时，CSS属性将被破坏，从而破坏样式的呈现输出。
[当我删除它们并再次在Litmus中进行测试时，该按钮将按预期方式呈现。我还要注意，这也影响了Outlook.com和Office 365。
基本上，它应该看起来像这样：
<td class="mcnButtonContent" style="font-family:Arial, 'helvetica neue', helvetica, sans-serif;font-size:14px;padding:20px;mso-line-height-rule:exactly;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;" valign="middle" align="center">

再次，看一下细节：
font-family:Arial, 'helvetica neue', helvetica, sans-serif;

您实际上可以使用"代替实际的标点符号。至少在这个小测试中，这没有引起任何问题。
我希望这是有道理的！让我知道是否。