html - 如何将 MS Outlook 笑脸 (Wingdings) 转换为可在浏览器中显示的内容？

Question

为了重新发明每一个轮子，我们公司最近推出了我们自己定制的基于网络的电子邮件应用程序，我是该应用程序的主要设计者。

我注意到的一件事是，来自基于 MS Outlook 的电子邮件(从第三方发送)的笑脸显示不正确。示例:一张快乐的脸只显示一个 J

入站消息的 HTML 格式如下:

<span style="...;font-family:Wingdings;...">J</span>

我知道 Firefox 和 Chrome do not support the Wingdings font因为它是非标准的。不过，我的任务是想出一个解决办法。

是否有好的方法来 1) 强制浏览器加载并使用 Wingdings 或 2) 否则将 J 转换为笑脸？

我宁愿不做任何疯狂的事情，比如尝试一些 wingdings-detection-regex - 或者更糟糕的是，解析 DOM - 只是为了让一些愚蠢的表情符号起作用。也许已经有一些库可以处理这个问题？

就其值(value)而言，GMail 似乎也没有“解决”这个问题。 iOS 不在消息 View 中，但令人费解的是在收件箱 View 中修复了它(用表情符号替换了 J)

编辑澄清一下，这个问题是关于来自第三方的入站消息。默认情况下，Outlook 会将“:)”自动更正为 Wingdings 笑脸。我无法阻止这种情况的发生。我需要的是纠正这种情况的解决方案。

编辑 2同样，该应用程序本身是一个基于 Web 的电子邮件客户端(Gmail 等)。电子邮件进入此处，而不是用户的个人 Outlook/电话/其他电子邮件客户端。它只会进入网络应用程序。

Answer 1

为了避免必须解析 HTML 或操纵 DOM，一个简单的解决方案是使用 CSS3 web fonts通过将 Wingdings 字体系列链接到服务器上 Wingdings 字体文件的副本:

<style>
@font-face {
    font-family: Wingdings;
    src: url(link_to_wingdings_font_file.ttf);
}
</style>

但是，一个 license是这种方法所必需的。