Есть ли способ настроить 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 с помощью инструментов разработчика. Но есть ли способ автоматизировать это?
Я попробовал "Стил", но либо смог правильно его кодировать, либо "Стил" не справился с задачей.
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;
}