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

529

Я люблю 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 с помощью инструментов разработчика. Но есть ли способ автоматизировать это?

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

1
WebExtensions не могут изменить: * URL-адреса, которые объясняют, почему в этом случае не работает Stylish. dsstorefile1 6 лет назад 1

1 ответ на вопрос

2
linefeed

В случае, если вы еще не дошли до охоты на это и / или для потомков, начиная с 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; } 
Большое спасибо! Ключевое слово "! Important" помогло. Я пробовал это раньше, но с ключевым словом "! Important". 6 лет назад 0