这是因为在设计字体的过程中，引入了基准框这一概念。
通过制定基准框，为字体矢量图标提供大小的参考。
但是，基准框只是为图标大小提供参考。诸如比例、线宽、长度、圆角等等，我们并没有办法控制和规范化。
所以我们进一步引入栅格。
在基准框的基础上，制定栅格。通过栅格来控制图标组成元素的比例关系。
图标设计的时候我们用栅格来模拟像素，一个格子就是一个像素，横纵各16个像素，模拟的就是16px大小的图标。
通过栅格，能达到怎样的优化效果呢？
我们来了解一下文字的渲染策略。看组图：
我们发现，平滑纯色的字体放大之后出现了锯齿，还有各种奇怪的颜色。这是为什么呢？
因为在数字形态中，字体被设计成矢量的图像。当文本在屏幕上显示时，需要将图形栅格化。就造成了现实与理想的差距。渲染策略，就是为了确保屏幕显示的字体友好易读。
不同的操作系统、浏览器采用的渲染策略也不相同，所呈现的精细程度也所差别。所以我们更希望饱满地显示一个像素。尽量避免由于屏幕显示的栅格化而带来的粗糙感。
从上组图中，我们可以看出：左侧图形在制作时，因为考虑了栅格问题，边都规范的落在栅格线上，右侧未考虑像素栅格的问题，而随意摆放。在实际16×16大小的显示中，很明显感觉到左侧的小图标比右侧的小图标要清晰很多。
这就是因为图标在渲染过程中出现的偏差，本来要显示两个像素的，却占用了3个像素格，导致了不同渲染的处理，以至于右侧小图标模糊且变粗了。
所以在制作图标的时候我们需要引入栅格，去模拟像素点，然后避免图标的线或边不要乱落的情况。
其他注意事项：
1、闭合。图形路径需要封闭，不能出现未闭合图形。
2、合并。如果有两个以上图形，或者布尔关系的图形，请对图形合并并扩展。
3、填色。完成设计的图形需要填充相关的颜色，建议用纯色（不支持渐变）。
4、轮廓化。将描边转化为闭合图形，选择要转换的描边，对象-路径-轮廓化描边。
