当应用任何CSS*：第一个字母时，Materialics经常出现字体错误

如果我在Chrome上应用任何CSS规则，我的MaterialIcons常规图标将消失或分解为两个不同的图标

 *:first-letter {
    color: #000 
}

你知道这里可能出了什么问题吗

想知道我的意思吗？在Firefox和Chrome中打开的链接：

*：第一个字母{颜色：蓝色；}
h1{颜色：蓝色；}
p{颜色：红色；}
试验

云
云
云
网络检查

Hmmm…这似乎是因为这是一种连字字体

当应用此伪元素时，

cloud

变为

“cloud”

，其在Mat图标中没有等效项。同样地，

network\u check

变为

“network\u check”

，并且

network

和

check

可能具有MI等价物。也许

*：不是（.material icons）

可以工作吗

*：非（.material图标）：第一个字母{
颜色：蓝色；
}
h1{
颜色：蓝色；
}
p{
颜色：红色；
}

试验

云
云
云
网络检查

我这样做是为了解决这个问题。不过，讽刺的是，谷歌浏览器上的谷歌字体出现了故障。下面是我用来替换它的命令：

sed-r-i-e's/\*：first letter/\*：not（.material icons）：first letter/g'dummy.css