您好！我注意到一个非常细微的错误，表情符号因为被缩小了所以有些模糊。我查了一下，找到了这个：
但它似乎从未得到解决。我关注了该帖子，并在 Chrome 和 Firefox 中进行了测试，但只有 Chrome 有这个问题。
供参考，链接的 SO 帖子中的组合答案解决了这个问题：
-webkit-filter: blur(0px);
-webkit-transform: translate3d(0, 0, 0);
示例表情符号
示例文字
1 个赞
我可能弄错了，但在 Chrome 上，个人资料图片似乎分辨率也很低。
1 个赞
我相当确定这与 Chrome 如何缩小图像有关，例如，如果您打开浏览器检查器并将表情符号设置为其固有尺寸（在此情况下为 72 像素的正方形）……图像是清晰的：
更多示例：
72 / 36 = 2 
清晰的表情符号
72 / 37 = 1.945 
模糊的表情符号
我们以 20 像素渲染表情符号，所以：
72 / 20 = 3.6 模糊的表情符号
理论上，如果我们使用 60 像素的图像而不是 72 像素的图像来显示表情符号，这个问题就会消失？尽管我想知道这是否与像素密度/缩放有关……有些设备使用 2 倍，有些使用 3 倍 
3 个赞
或者我们可以等待彩色字体 
我期待看到一种彩色字体格式得到广泛支持。 COLR/CPAL(v1) Font Formats | Can I use... Support tables for HTML5, CSS3, etc
4 个赞
这个话题里是不是讨论过彩色字体？
https://meta.discourse.org/t/are-discourse-emojis-svgs/217605
2 个赞
SVG 和彩色字体是解决这些问题的更好方法，但我仍然主张仅使用 CSS 的解决方案，CSS 不是我的专长，但那似乎是破坏性最小的一种。
1 个赞