通过在此处获得一些答案和一些研究，我遇到了一种实现图标的新方法。似乎可以将图标作为字体而不是图像或CSS背景。
此方法最终是否意味着要创建一个文件字体集，并为每个字符分配一个图标？因为这种方法对我来说太新了，所以我真的想确保首先正确地使用它(我看到了巨大的潜力……比创建不同的图标要好得多，它可以将每种颜色和大小的图标作为自己的.png文件导出)。
如果是这种情况，则需要一点记忆(特别是因为我有26个以上的图标)。对于那些对fontforge更有经验的人，有没有办法说出特定的单词=字符？
此外，关于在网站上实现此操作。然后，我需要在CSS类/ ID中指定字体类型(即font = icons;)。然后我也可以使用CSS更改大小，颜色等吗？伙计，如果这确实是真的。我希望我能早点发现……可以节省很多小时。
无论如何，我们将不胜感激。我即将获得fontforge并开始学习(如果有更好的字体创建免费软件，请告诉我)。希望这能解决。
我已经为我的网站成功创建了一些图标字体，并且this how-to中概述的Inkscape FontForge方法非常可靠，而且如果您习惯使用Inkscape之类的软件，也非常容易。这是我采取的步骤:
准备(在此示例中使用Inkscape)
打开保存您的设计的Inkscape文档。 确保已将所有形状，类型和线条转换为路径，并确保以轮廓模式检查图形。如果有问题，您始终可以引用该基本文件对形状进行初始更改。 选择新建> fontforge_glyph 来创建一个新文档。 将设计中的图标粘贴到新文档中。 调整图标的大小以适合提供的空间(尽管最好先调整原始设计文档中的所有图标的大小-由您自己决定)。 使用“对齐”工具(如果适用)将图标在页面上居中。 将图形另存为普通SVG(如果根据要分配的字母进行标题(例如“j.svg”)，则更容易)。 重复其他图标。
我经常将这个普通的SVG文档保持打开状态，粘贴新图标，并根据最后一个居中和调整大小。这样，整个图标集就具有了大小和位置的一致性(而且您不必一直选择目录来保存普通的SVG)。
字形创建(使用FontForge)
为每个图标制作SVG文件后，打开FontForge并创建一个新的FontForge文档。 在主字形显示列表窗口中，双击您具有图标的字母/数字之一。 在这个新的字形窗口中，选择文件>导入并选择您的SVG文件之一(您可能需要在文件对话框中更改文件过滤器以显示SVG文件)。 如果导入记录错误，并且线框看起来像是轻微爆炸，则需要返回Inkscape来整理路径。有一种简单的方法可以找出在大多数情况下应该解决的问题:
在Inkscape中，删除图标的填充。 添加一个细笔画(1px可以)。 将笔划转换为路径。 结果形状可能会丢失图标的一部分。 撤消所有操作，然后将图标分开，然后重绘/跟踪/更正问题区域。
字体创建(使用FontForge)
回到FontForge，一旦添加了所有图标，就需要给字体命名。在主窗口中，选择元素>字体信息。 更改以下内容:
字体名称:MyFontMedium 姓氏:我的字体 人类的名字:我的字体中等 重量:书籍(Win XP认为媒介=粗体，因此最好使用书籍) 在主窗口中，选择文件>生成字体并保存到TrueType(忽略任何错误)。
字体验证/转换
转到www.fontsquirrel.com/fontface/generator或类似服务以上传您的TTF文件并进行转换(并更正)您下载的zip文件将包含有关如何在Web项目中实现字体的精确说明。
希望对您有所帮助。
