图标字体的CSS字体系列后备？

Question

我的 IDE 会检查我的 CSS 文件，如果我放了 font-family 就会提示。没有通用后备的规则。一般来说，我必须同意我的IDE，我会很乐意添加字体回调。

例子:

.selector {
  font-family: Arial;  /* IDE complains. */
  font-family: Arial, sans-serif;  /* IDE is happy. */
}

然而，有时 font-family 是一种图标字体(我认为 fontawesome 就是其中之一)，并且回退并没有真正意义。或者是吗？

.my-icon {
  font-family: 'my-icon-font';  /* IDE complains. */
  font-family: 'my-icon-font', serif;  /* IDE is happy, but it does not make sense. */
}

问题

是否有任何明智的后备可以附加到带有图标字体的字体系列规则？

额外的动力

就我而言，主要是我的 IDE 插入我添加通用字体回调。作为最后的手段，我可​​以禁用、禁止或忽略此检查。

然而，在其他团队中，可能有关于代码约定的严格规则，甚至可能有一种机制，如果它们不遵守，就会阻止提交。

或者，如果我是代码检查工具的作者，或者正在定义要在元素中使用的编码约定，该怎么办？然后我肯定想知道什么是“正确”或最聪明的方法:)

Answer 1

正如评论中所讨论的，这是一个虚假的警告。
正如您自己指出的那样，没有适合作为图标字体后备的通用字体系列 - 也不可能，因为图标字体没有标准化。
仅相关规范(CSS 字体模块级别 3)lists the following generic families :

衬线

无衬线

草书

幻想

等宽

这些都不适合 - 因为它们都明确不用于图标/图片字体。
所以你可能应该找到一种方法来抑制警告。理想情况下，系统将允许您添加应禁止警告的字体列表(例如图标字体)。否则，您只需要完全抑制警告。

旁注:仅当您想使用安装在用户计算机上的字体时才真正需要备用字体 - 例如标准 Windows 字体，如 Arial。在这种情况下，您需要一个后备，因为您无法确定用户安装了什么。
如果您使用浏览器可以下载的网络字体，则永远不需要备用字体。在字体下载失败的情况下包含它仍然很好，但恕我直言不那么重要。