html - 雪花表情符号未在浏览器上正确显示

标签 html css emoji

我正在尝试显示雪花表情符号,unicode U+2744,当我使用 CSS 时,它是:

[emoji='snowflake']:after {
    content: '\2744';
}

但是,它显示了这个表情符号:❄ - 截图enter image description here

如果我从其他来源复制表情符号,它会显示:❄️️ - 截图enter image description here

Source了解此表情符号在浏览器中的外观。

在我的 IDE 中看起来像:enter image description here

为什么会这样?我该如何解决?

最佳答案

我建议将背景图片添加到 [emoji='snowflake']:after 中。

您可以在这里免费使用雪花图标:

https://www.iconfinder.com/search/?q=snowflake&license=2&price=free

关于html - 雪花表情符号未在浏览器上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43569441/

相关文章:

html - HTML 电子邮件中出现水平间隙

php - 欧元符号从 PHP 导出 excel

mysql - 无法使用 Spring Boot Hibernate 和 MySQL 存储 "Pile of Poo"unicode 表情符号

swift - 获取表情符号字符的描述

mysql - Openshift MySql 表情符号支持

android - 带有视频源的 HTML5 Canvas drawImage 不适用于 Android

javascript - 防止直接操作html5输入数字字段

javascript - 如何计算自定义滚动条的高度和宽度?

php - 我怎样才能制作一个水平滚动的div,里面有div?

jquery - 有时当我刷新我的页面时,我的按钮样式没有重置