我正在尝试制作自己的图标并将它们嵌入到自定义 Web 字体中。为此，我正在使用 Illustrator 和 Icomoon。

我将图标设计成一个14x14px正方形，然后使用 Icomoon 创建我的 Web 字体，当我在 Chrome 中看到结果时，它看起来像像素一样完美，但只有font-size: 14px;.

font-size如果我将to16px或23px任何不是 的倍数的数字缩放14px，则图标看起来不清晰：

在14px处，图标看起来很清晰：

在18px，可能会更好...

我知道这是意料之中的，但我注意到像 FontAwsome 或 Glyphicons 这样的图标比我的自定义字体更好地缩放。

注释（在 Illustrator 中）：

• 我正在使用“网格”
• 我正在使用“对齐像素”设置
• 我正在使用“像素预览”设置

所以我问自己在将图标保存为 SVG 时是否缺少 Illustrator 中的某些设置？

或者如果我在 Icomoon 中遗漏了一些东西，或者我应该使用其他程序吗？

当我的自定义 Web 字体不能与其原始大小完全成比例时，如何使我的自定义 Web 字体能够更好地缩放？