html - 如果我使用 "cursive"或 "fantasy"字体系列,表情符号仅显示在 Chrome 上

标签 html css google-chrome unicode emoji

我在 Google Chrome 中显示表情符号时遇到了一个令人困惑的问题。表情符号似乎渲染得很好,但有一种情况根本没有表情符号渲染。

image is on the DOM

图像位于 DOM 和 HTML 中。如果我查看页面源代码或在网络检查器中打开,表情符号会在 Chrome 中呈现。

当我更改包含表情符号的 div 的字体系列时,只有 font-family: cursivefont-family: Fantasy 实际上会渲染表情符号。

after applying font-family: cursive

如何在无需应用这些字体且无需依赖第三方库的情况下渲染表情符号?这里可能出了什么问题?

最佳答案

表情符号似乎仅适用于font-weight:normal。将此样式应用于包含我的表情符号的 div 解决了问题。

关于html - 如果我使用 "cursive"或 "fantasy"字体系列,表情符号仅显示在 Chrome 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36703525/

相关文章:

javascript - HTML 中的 JS 时间显示单位数分钟

javascript - 有没有办法强制 Firefox 重新显示标题/工具提示?

jquery - div水平滚动时暂停垂直滚动,水平滚动结束时继续垂直滚动

javascript - 视差滚动问题 - 在 webkit 浏览器中滚动时 div 元素抖动

html - 图片自动给定边框?

javascript - 单击按钮时 Google map 不会覆盖整个屏幕

html - 当光标悬停在按钮上时,我想更改 Pardot 中的提交颜色

css - 左上角的边框设置

google-chrome - Youtube API Oauth 验证的 Chrome 控制台错误,拒绝显示 : in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'

css - 为什么 Chrome 中的图像宽度不超过 500px?