如何在 Chrome 中原生呈现表情符号?

How to render Emojis natively in Chrome?

我正在构建一个 Meteor 应用程序,它可以提取推文和 Instagram 照片,将相关数据存储到 MongoDB,然后将它们从数据库呈现到前端。

这些推文中的表情符号在 Safari、Firefox 和我的 iPhone 上显示良好。但是,它们在 Chrome 中根本不显示(我使用的是网络字体 'Roboto Condensed'。如果我切换到 font-family: sans-serif;,它们将显示为一个空的矩形框:).

如何让这些表情符号在 Chrome 上正确呈现?

我知道 Twemoji 等库,但我更喜欢一种可以让它们本地显示的解决方案,而不是将它们切换为 <img>

从包含表情符号的 div 中删除 font-weight: bold; 后,它们能够在 Chrome 中正确呈现。