有没有办法自定义 Firefox Reader View 的 CSS？

Question

我喜欢 Firefox 阅读器视图。但不是它的字体。更具体地说，这些都不是最佳选择：

body.serif, body.serif .remove-button {
    font-family: Georgia, "Times New Roman", serif;
}

body.sans-serif, body.sans-serif .remove-button {
    font-family: Helvetica, Arial, sans-serif;
}

我宁愿有这个：

body.serif, body.serif .remove-button {
    font-family: "Cambria", serif;
}

body.sans-serif, body.sans-serif .remove-button {
    font-family: "Open Sans", "Segoe UI", "Tahoma", "Calibri", sans-serif;
}

现在，每次我通过开发人员工具打开阅读器视图时，我都可以手动应用这些更改。但是有没有办法让这个自动化？

我尝试过 Stylish，但要么我可以正确编码，要么 Stylish 不能胜任这项任务。

Answer 1

如果您还没有抽出时间来解决这个问题，和/或为了后代，从 FF v60 开始，解决方案是：

• 找到您的个人资料文件夹（在 中列出about:support）
• 在那里创建一个名为“chrome”的文件夹（如果它尚不存在）
• 在该文件夹中，创建一个名为“userContent.css”的文件

然后你需要正确的 CSS at-rule 就可以了：

@-moz-document url-prefix("about:reader") {
    body.serif {
        font-family: 'Besley*' !important;
    }
}

注意，您还可以设置侧边栏及其按钮的样式，这有助于减少深色主题的对比度：

.toolbar {
    background-color: #333 !important;
    border-right: 1px solid #444 !important;
}
.button {
    color: #ccc !important;
    background-color: #444 !important;
}