css - 在一个@ font-face中合并多个字体文件

我有以下代码：

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icons/icomoon.eot?2hq9os');
  src:url('../fonts/icons/icomoon.eot?#iefix2hq9os') format('embedded-opentype'),
  url('../fonts/icons/icomoon.woff?2hq9os') format('woff'),
  url('../fonts/icons/icomoon.ttf?2hq9os') format('truetype'),
  url('../fonts/icons/icomoon.svg?2hq9os#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

现在，问题是我被迫使用多个图标集（来自多个文件），为了我的方便和简洁的结构，我希望所有这些图标（来自所有文件）仅在一个“ icomoon”字体内。

例如，如果：

../fonts/icons/icomoon.* includes icon-1 / icon-2 and icon-3

and

../fonts/icons/customicon.* includes icon-4 / icon-5

我如何将所有这些都包括在内

@font-face {
  font-family: 'icomoon';
  -- include multiple files --
}

div#selector { // will have con-1 / icon-2 / icon-3 / icon-4 / icon-5
  font-family: icomoon;
}

那有可能吗？

最佳答案

我认为您可以使用IcoMoon PLugin。
借助它，您可以创建将FontAwesome与图标等结合在一起的自定义字体。