之前一直纠结要不要把像素字体效果去掉，在去掉和留下之间选择了很久，一会删掉一会加上的，hah~

最终才出现了这篇文章里的方案：默认不加载任何字体，喜欢像素字体的话可点击菜单下的图标转换，同时再点击一下就恢复。

然后，我在 localStorage 内加了个字段用于存储是否为像素字体模式，这样只要点击一次之后，就算清空浏览器缓存也还是可以实现记住你的选项，还是很方便的。具体操作如下：

js 代码：
function PixelMode() {
  if (localStorage.PixelMode == "true") {
    localStorage.PixelMode = "false";
    document.body.classList.remove("PixelMode");
  } else {
    localStorage.PixelMode = "true";
    document.body.classList.add("PixelMode");
  }
}

window.onload = function () {
 if (localStorage.PixelMode == "true") {
    document.body.classList.add("PixelMode");
  }
}

切换按钮内加入：
onclick="PixelMode()"

css 内加入：
@font-face {
    font-family:字体包名称;
    src:url("字体路径")format("woff");
    font-display:swap;
}
.PixelMode {
    font-family:字体包名称;
}

基本上就完了，很简单的方法，但是完美的解决了我的取舍问题，hah~