Question

使用Materilize Icon有两种方法：

我理解第一种方法是如何工作的。这有效，因为css定义如下：

.mdi-action-settings:before {
    content: "\e672";
}

现在我的问题是第二种方法settings是如何工作的？

Answer 1

这就是连字。请查看this页面，其中介绍了如何在CSS中启用它们。

简而言之，如果您启用它，则告诉浏览器查找应以其他方式呈现的字母组合。显示了一个示例here。一些特殊字体（例如materializecss或您在icomoon.io中创建的字体）只使用此功能与单词来呈现图标而不是组合字母。 如果浏览器无法处理连字，那么它会优雅地回退到文字，而不是空格。