SVG清晰锐利，但即使字体平滑设置为无，字体仍然模糊

Question

帮助！

即使我设置-webkit-font-smoothing：none;我的字体仍然比它创建的SVG更加模糊。

我尝试设置-webkit-font-smoothing: none !important;，但没有任何区别。我通过更改color:red验证了我的目标是正确的元素。然而似乎没有什么可以解决模糊问题。

第三个右侧图标是SVG，第四个是使用SVG创建的字体。

我确信这与某种形式的字体平滑有关，是否可能由浏览器或Windows本身控制？

Answer 1

问题解决了。原始SVG不是与像素网格对齐，导致模糊。将像素与网格对齐并重新创建字体后，问题就解决了，字体结束了。乌拉！