pinia 官网的奇葩字体

新版本官网貌似没有问题啦~
Pinia | The intuitive store for Vue.js

---

乍一看挺好看，但可读性真的很差，作者还嘴硬不改。

Issue 见：
[Docs]: Dank Mono is hard to read as someone visually and cognitively impaired · Issue #873 · vuejs/pinia

自己动手修复

使用 tampermonkey，方案来源：
Workaround for https://github.com/vuejs/pinia/issues/873

// ==UserScript==
// @name        pinia: clean document
// @namespace   https://pinia.vuejs.org/
// @match       https://pinia.vuejs.org/*
// @grant       none
// @version     1.0
// @author      -
// @description Remove unreadable web fonts style
// @run-at      document-end
// ==/UserScript==
document.documentElement.setAttribute("style", `--code-font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace`);

修复之后：

相关内容

如图所示，请问 Vue 库 pinia 官网的字体是什么？或者说如何获得网页的真实字体？ - SegmentFault 思否

重复的吐槽

[DOCS] Websit font · Issue #928 · vuejs/pinia
官方文档字体滥用 · Issue #1314 · vuejs/pinia