带有图标字体的野虫 - 显示错误的图标

Wild bug with an icon font - wrong icon displayed

(问答)

对于我正在处理的项目,我们有一组自定义图标,我使用 https://glyphter.com/ 将其转换为字体(只是用谷歌搜索了此类服务,似乎还不错)。

在其中一个块中,我插入了一个带有 class 的图标,该图标来自服务生成的 CSS(就像您通常使用图标字体所做的那样)。 突然显示的图标是错误的 - 尽管 content 属性 没问题。 也找不到任何其他可以做到这一点的干扰样式。

抱歉,这里没有代码,没时间。此外,该项目在共享细节方面受到很大限制。

于是找了半天问题,尝试了不同的场景,生成的图标字体大小写字母都一样.是的,集合 开始于字母 ,而不是扩展的 UTF-8 table(或其他)。

所以父元素有 text-transform: uppercase 改变了图标而不改变 content 否则。 也许有人会发现此信息有帮助。