在网站中包含大量图标的最佳方法？

Question

我正在处理几个属于同一网站的网络应用程序。因为这里有几个项目，我需要大量的图标，每个图标都有大约12种不同的颜色。 （这么多图标的原因是需要特定自定义图标的非常具体的操作）。如果您包含所有颜色变化，我正在使用的图标总数很容易达到400多个图标。

我一直在使用css sprite图像来包含所有这些图标，但此时我不得不添加更多图标，从精灵生成这些图标所涉及的CSS变得非常漫长，并且精灵图像变为更大。

我有更好的方法将这些图标包含在网站中吗？我已经研究过制作一个图标字体（它们都是简单的单色图标，所以这样会很好），但不确定这是多么容易更新。我还考虑过为图标制作单独的文件，并将其作为图像包含在内。然后还有SVG路线。

根据我需要多少个图标，以及更多的图标被定期添加，您认为这是包含图标的最佳途径吗？

每页最多可能有10个不同的图标，但遗憾的是我不能保证它会是10个特定的图标。 （例如，我没有可以组合在一起的特定类型的图标）。

谢谢！

Answer 1

为了给你一些选择，试试看IcoMoon

这是一个在Chrome中运行的网络应用，允许您导入自己的SVG以创建自定义图标字体。它需要一些修补，但我要说的不过是生成一个精灵表。然后，您可以灵活地使用图标字体为您提供;分辨率独立，易于修改颜色等。

@Bojangles对Stitches的建议看起来很有趣;今天下午我会修补一下！如果你在Mac上有SpriteRight，如果您更喜欢原生的应用程序，它会提供类似的功能。