☰

有沒有辦法自訂 Firefox Reader View 的 CSS？

tag-icon • tag-icon firefox fonts css stylish
有沒有辦法自訂 Firefox Reader View 的 CSS？

我喜歡 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 無法勝任任務。

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

相關內容