我见过很多人使用图标字体的例子，但我想知道执行这个过程的最佳方法是什么。图标字体示例：Raphaël Icon-Set via @font-face。我读过的一个教程。关于如何创建这些的任何想法？
你如何创建图标字体？
平面设计
字体
图标
字体
2022-02-28 15:39:02
3个回答
我最近在 FontForge 中做了这个，灵感来自A List Apart 的这篇文章。虽然理论上你可以将字形放在任何地方，但最好将它们放在 Unicode private use area中，因为这样如果字体不呈现，你就不会被字母“a”或其他任何东西困住。
- 安装FontForge ...祝你好运；这是成功的一半。一旦你进入并且你有一个新的字体文件启动并运行，去
Encoding>Reencode>ISO 10646-1 (Unicode, BMP)显示私人使用的字形。私人使用是 U+E000 到 U+F8FF。 - 放入你的字形。有不同的方法可以做到这一点；我在 Illustrator 中完成，导出为 SVG，然后导入。然后，一旦你的空间中有它们，导出为 TTF。
- 使用 FontSquirrel 的Webfont Generator生成 webfont 版本。不过要小心……FontSquirrel 的生成器将子集字体并删除私人使用的字形，除非你告诉它不要这样做。进入专家选项并选择“无子集”。
- 像往常一样设置你的 CSS font-face。
- 实施！你如何实现取决于你想做什么；CSS3 内容是一个很好的解决方案。使用 Unicode HTML 实体来显示您的内容...U+E000
\E000在 CSS 和HTML 中...使用转换器来帮助。十六进制到十进制转换器将有助于转换为 HTML。
希望这能填补一些空白！
现在市场上有很多用于构建字体的选项。从您的问题来看，您似乎特别关注 webfonts。大多数现代工具都会为您创建网络字体，或者您可以通过FontSquirrel 的网络字体生成器运行桌面字体。
我首选的流程是纸张 > Illustrator > FontLab。最后一次跳转有一个相当详细的过程，但是一旦你设置了模板，这并不难。
RoboFont是过去几年出现的另一个专业工具，旨在推翻 FontLab 的统治地位。其他便宜的流行选择是FontForge和FontCreator。
更新
我差点忘了IcoMoon : the first custom icon font builder, which allows users to select the icons they need, and make them into a font。
IconMoon似乎是目前最好的工具（之前便衣在此线程中提到过）。
也就是说，这个新的PS Icon Web Font Creator插件似乎也很有前途，因为它允许您直接从 Photoshop 创建字体。
其它你可能感兴趣的问题