窗口大小后的图标字体水平对齐问题

Question

我使用Fontastic创建了一个Icon字体。 我的问题是：

当页面宽度为奇数时，图像未对齐到红色圆圈。

当页面宽度均匀时，图像与红色圆圈对齐。

这是div本身

它的伪元素声明::在

之前

我猜这是一个像素/浏览器/设备问题，字体必须与像素网格对齐，而图像和浏览器渲染的样式可能会模糊为像素？ 有没有办法解决它？我错过了什么吗？