“Segoe MDL2 资产”并非像素完美

Question

我正在用电子构建一个应用程序，我需要一个自定义标题栏。我使用了“Segoe MDL2 Assets Regular”字体并注意到该字体不是像素完美的。我怎样才能解决这个问题？浮点数不是问题。

“方形”图标应该是带有黑色轮廓的 10x 图标。侧边分布在三个像素上。

<头>

本机 windows 10 标题栏*	我对电子（铬）的尝试*	“相同”结果为毫秒边缘*

^{*点击图片可查看更详细的图片（图片已调整大小）}

body {
  font-family: system-ui;
}

.mdl2 {
  font-family: "Segoe MDL2 Assets Regular";
  font-size: 10px;
}

<p>It may not look like much but once you take a screenshot zoom in you see the incorrect pixels:</p>
Correct  : <img src="https://i.stack.imgur.com/utwEz.png" /><br>
Incorrect: <span class="mdl2">&#xE922;</span>