☰

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

tag-icon • tag-icon firefox fonts css stylish
有没有办法自定义 Firefox Reader View 的 CSS？

我喜欢 Firefox Reader View。但不喜欢它的字体。更具体地说，这些不是最佳选择：

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 无法胜任这项任务。

答案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;
}

相关内容