Fonts 图标字体-变形（修复=字体暗示？）

编辑*根据第一条评论，我认为我的问题在于我的方法缺乏字体暗示。有人知道如何使用vector软件创建图标字体来解决字体暗示（或缺少）问题吗？谢谢你的帮助

我正在创建一种用于图标的字体（只是比使用图像更灵活、更高效）。然而，我的一些图标被扭曲了，我不知道为什么。即使是非常简单的图标也在这样做。我在想也许这是我的方法。我就是这么做的：

Inkscape-创建960px 960px的矢量图标

将其置于页面中心，并使用字体编辑器创建新的字形

使用freefontconverter.com创建.ttf文件

获取.ttf文件，并使用www.fontsquirrel.com/fontface/generator将其转换为各种其他文件类型（svg、eot、wof、svg、ttf）。除删除紧排和自定义子集（仅英文字符）外的所有标准选项

在我的css样式表中使用以下代码（我没有提供代码，请使用我在某个地方找到的指南，我想它在我的书签中的某个地方）：

起初我以为那是我的旧的，蹩脚的显示器，但刚买了一个新的，它仍然发生。有时某些图标的边缘会锯齿状或倾斜。即使是简单的图标也会生效。例如，带有方形边框的日历图标。。。由于某种原因，底部边界的厚度是侧面边界的两倍。即使是那些不太糟糕的图标也不会像图像图标那样清晰。但我不明白，因为文字字体很清晰。。。所以我一定是做错了什么

非常感谢您的帮助。谢谢

---

如果有人能帮我找出哪里出了问题，我将不胜感激。谢谢

听起来是个问题，因为我缺少提示信息。你能举个例子吗？很难说你是否看不到它。这需要一点时间，我会看看我是否可以把一个例子放在一起，编辑我的原始帖子来展示。你说的“暗示信息”（我去查一下…）是什么意思？这显然是这里的问题。它没有给我清晰的边缘。。。我会去阅读字体暗示，看看我的方法如何解决不了这个问题。任何进一步的帮助表示感谢@jstacks链接被删除。我的字体看起来有点歪斜，你认为暗示也会导致这种情况吗？

@font-face {
  font-family: 'iconFont';
  src: url('iconfont-webfont.eot');
  src: url('iconfont-webfont.eot?#iefix') format('embedded-opentype'),
       url('iconfont-webfont.svg#iconFont') format('svg'),
       url('iconfont-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.iconFont {
  display:inline-block;
  font-family:'IconFont';
}