当字体粗细设置为“粗体”时，表情符号呈现为无颜色 [关闭]

Question

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

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

此问题存在于 Windows（10 和 11）上的 Chrome 中，但不存在于 Windows 上的 Firefox 或 iOS / macOS 上的 Safari 中。

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

Answer 1

我在 wordpress 上使用页面构建器“Elementor”创建网站时遇到了同样的问题。

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

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

我从“Elementor”插件的支持中得到的答案：

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

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