HTML 电子邮件模板问题 [字体和边框底部]

Question

我在使用电子邮件模板时遇到问题:

1. 底部边框不显示
2. Windows 上的字体回退不起作用

所以:我通过一个内联生成器运行 HTML，该生成器将所有内容都内联

1. 边界问题:

   <tr class="bottom-border">
   
   .bottom-border {
       border-bottom: 1px solid #eff3f6;
   }
   

2. 字体问题:

   @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
   
   body {
       font-family: 'Open Sans', "Helvetica", "Verdana", "Arial", sans-serif !important;
   }
   

字体问题在 Windows 上不起作用，它似乎仍然输出 Times New Roman，即使我没有告诉它。在 MAC 上很好，它输出 Open Sans

Answer 1

啊哈，我明白字体有什么问题了。

您需要将字体样式添加到表格而不是正文。

<table style="font-family: 'Open Sans', "Helvetica", "Verdana", "Arial", sans-serif !important;">

那么如果您有嵌套表格，这也需要应用于这些表格。

我还需要查看内联生成器的输出以了解未应用边框的原因。