☰

Есть ли способ настроить CSS для Firefox Reader View?

tag-icon • tag-icon firefox fonts css stylish
Есть ли способ настроить CSS для Firefox Reader View?

Мне нравится 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;
}

Теперь я могу применять эти изменения вручную каждый раз, когда открываю Reader View через инструменты разработчиков. Но есть ли способ автоматизировать это?

Я попробовал Stylish, но либо я не смог правильно закодировать код, либо Stylish не справился с этой задачей.

решение1

Если вы еще не успели этим заняться и/или для потомков, то, начиная с FF v60, решение следующее:

  • найдите папку вашего профиля (перечисленную в about:support)
  • там создайте папку с названием "chrome", если ее еще нет
  • В этой папке создайте файл с именем «userContent.css».

Затем вам понадобится правильное правило CSS, и все готово:

@-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;
}

Связанный контент