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>

Gmail的样式将覆盖div中的字体系列，即使我使用！important。如果我尝试在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

虽然它不符合标准，但使用font标签可以让你解决这个问题。例如：

<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>

会工作。