HTML 电子邮件签名后备字体

Question

我正在尝试创建 HTML/CSS 电子邮件签名，但我遇到了跨设备字体兼容性问题。当第一种字体在设备上不可用时，我的粗体名称部分的代码片段将恢复为衬线字体（Gotham Black and/or Montserrat）。我专门测试外发（发送）电子邮件客户端是 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>

Answer 1

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

HTML 电子邮件签名后备字体

HTML Email Signature Fall Back Font

html

css

email

fonts