当表情符号的字体粗细设置为“粗体”时，该表情符号将呈现为无颜色。

Question

使用普通的font-weight，显示带有表情符号的文本没有任何问题：

​

​

但是在你将font-weight设置为bold之后，表情符号将会失去它的颜色：

​

​

这个问题存在于Windows (10和11)上的Chrome，但不存在于Windows上的Firefox或iOS / macOS上的Safari。

这个问题似乎是由最近的Chrome / Windows更新引入的，可能是在2021年11月。

Answer 1

当我使用页面构建器"Elementor“在wordpress上创建一个网站时，我也遇到了同样的问题。

当我尝试上载SVG文件时，同一页面上的其他SVG文件中的所有视图都失去了质量。这是因为所有SVG文件在页面构建器"Elementor“构建的文档中使用了相同的类名。

要解决这个问题，我必须在关闭所有SVG文件时更改ID，因为我在关闭它们时嵌入了内联样式。

这是我从"Elementor“插件的支持中得到的答案：

“我已经尝试过导入您提供的一些SVG文件，这似乎是因为您的SVG文件中有内联样式，并且它们使用相同的类名"cls-1”。大多数SVG文件都使用这个类名，这会导致它们放在同一页上时发生冲突。如果这些图标是用Illustrator设计的，请尝试分配一个唯一的ID。您也可以手动编辑这些SVG文件，并将类名更改为唯一的一个。“

因此，尝试将类名更改为唯一的ID，并清除浏览器上的缓存。