html - Gmail 覆盖表格中的字体系列样式

Question

例如，如果我有：

<div style="font-family:'Trebuchet MS';">
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td>Text 1</td>
            <td>Text 2</td>
        </tr>
    </table>
</div>

即使我使用 !important，Gmail 的样式也会覆盖 div 中设置的字体系列。如果我尝试在 td 元素中正确设置字体，如下所示：

<div style="font-family:'Trebuchet MS';">
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td style="font-family:'Trebuchet MS';">Text 1</td>
            <td style="font-family:'Trebuchet MS';">Text 2</td>
        </tr>
    </table>
</div>

Gmail 完全剥离了 style 属性的内容！如果我尝试将它添加到 table 元素或 td 元素中的 span，也会发生同样的事情。

Answer 1

虽然它不是很符合标准，但使用字体标签可以让您绕过这个问题。例如：

<div style="font-family:'Trebuchet MS';">
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td><font face="Trebuchet MS">Text 1</font></td>
            <td><font face="Trebuchet MS">Text 2</font></td>
        </tr>
    </table>
</div>

将工作。