我的网站有一些点赞图片,我想将它们渲染为HTML实体。十进制和十六进制代码分别如下:
👍 (十进制)
👍 (十六进制)
👍
👍
分别在FF和Chrome中渲染,两个代码都显示为“点赞”,但在Chrome中两者都没有显示(根本没有任何内容)。以下是深色背景下的渲染结果(白色部分)。
![通过HTML实体表示的点赞](https://istack.dev59.com/XcZtT.webp)
我的网站有一些点赞图片,我想将它们渲染为HTML实体。十进制和十六进制代码分别如下:
👍 (十进制)
👍 (十六进制)
👍
👍
拇指向上符号(U+1F44D)的字体支持非常有限,这通常是由于最近添加到Unicode中的任何字符都如此。许多用户的系统都没有这些字体,因此使几乎所有浏览器呈现该字符的唯一方法是通过@font-face
使用可下载字体(Web字体); 实际上,您可以使用Quivira或Symbola来实现。由于它们是相当大的字体,使用图像可能是更好的选择。
<style>
.emoji {
font-family: Segoe UI Emoji, Segoe UI Symbol, Quivira, Symbola;
}
</style>
<span class=emoji>👍</span>