Html 背景滤镜会导致不必要的“；“抗锯齿”；关于字体

我正在使用Electron构建一个应用程序，我遇到了一个奇怪的问题

我正在尝试使用像素字体来适应我正在制作的应用程序的风格， 但是，当我在容器上使用以下CSS代码时：

background过滤器：blur（）；

这似乎会导致像素字体出现抗锯齿，我的最佳理论是模糊会影响字体的外部边缘，但我不知道如何或为什么，因为字体是（或应该）绘制在容器顶部

我通过不使用像素字体“解决”了这个问题，但有一些人指出像素字体更符合美学