如何在 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 中正确呈现。
我正在构建一个 Meteor 应用程序,它可以提取推文和 Instagram 照片,将相关数据存储到 MongoDB,然后将它们从数据库呈现到前端。
这些推文中的表情符号在 Safari、Firefox 和我的 iPhone 上显示良好。但是,它们在 Chrome 中根本不显示(我使用的是网络字体 'Roboto Condensed'。如果我切换到 font-family: sans-serif;
,它们将显示为一个空的矩形框:⚳
).
如何让这些表情符号在 Chrome 上正确呈现?
我知道 Twemoji 等库,但我更喜欢一种可以让它们本地显示的解决方案,而不是将它们切换为 <img>
。
从包含表情符号的 div
中删除 font-weight: bold;
后,它们能够在 Chrome 中正确呈现。