HTML 电子邮件签名后备字体答案

【问题标题】：HTML Email Signature Fall Back FontHTML 电子邮件签名后备字体
【发布时间】：2021-08-21 20:39:14
【问题描述】：

我正在尝试创建 HTML/CSS 电子邮件签名，但遇到了跨设备字体兼容性的问题。当设备上没有第一个字体（Gotham Black 和/或 Montserrat）时，我的粗体名称部分的代码 sn-p 将恢复为衬线字体。我正在专门测试作为 Outlook 的传出（发送）电子邮件客户端，以及作为 Gmail 的传入（查看）电子邮件客户端。我在此缺少什么以使后备字体不被击中？（看起来只是恢复为默认网络字体 Times New Roman。）我只能使用网络安全字体吗？

片段：

<html>
    <body>
        <div style="margin: 10px 0; font-size: 12px;">
            <span style="font-family: Gotham Black, Montserrat, Tahoma, sans-serif; color: black; font-weight: 900;">JOHN DOE</span> <br/>
            <span style="font-family: Calibri, Helvetica, sans-serif; color: #A6A6A6;">
                <b>123.456.7890</b> mobile <br/>
                <span style="color: #A6A6A6;">123 MAIN STREET | UNIT 123 | SAN FRANCISCO, CA | 12345</span> <br/>
                <span><a style="color:#A6A6A6;" href="https://www.website.com" target="_blank">www.website.com</a></span>
            </div>
        </div>
    </body>
</html>

【问题讨论】：

您好，您找到解决方案了吗？我有完全相同的问题。如果您没有首先使用网络安全字体，它会错误地将粗体文本替换为衬线字体，而不是使用备用字体。

标签： html css email fonts

【解决方案1】：

我决定只使用一种看起来很接近的网络安全字体。系统之间似乎过于挑剔，无法使用除了那些少数网络安全字体之外的任何东西。我不记得我测试过哪些网络安全字体列表，因为对于哪些字体真正“网络安全”似乎存在一些小争议，哈哈。我登陆了 Calibri，然后在几台计算机和浏览器上测试了该字体以确保确定，并在公司周围转了转。如果有人找到不同的解决方案，请告诉我，很想知道！

【讨论】：