Gibt es eine Möglichkeit, das CSS von Firefox Reader View anzupassen?

548

Ich liebe Firefox Reader View. Aber nicht die Schriftarten. Dies sind insbesondere nicht die besten Optionen:

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

Ich hätte lieber folgendes:

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

Jetzt kann ich diese Änderungen jedes Mal manuell vornehmen, wenn ich die Reader-Ansicht über die Entwickler-Tools öffne. Aber gibt es eine Möglichkeit, dies zu automatisieren?

Ich habe Stylish ausprobiert, aber entweder konnte ich es richtig schreiben oder Stylish war der Aufgabe nicht gewachsen.

1
WebExtensions kann nicht über Folgendes ändern: * URLs, die erklären, warum Stylish in diesem Fall nicht funktioniert. dsstorefile1 vor 6 Jahren 1

1 Antwort auf die Frage

2
linefeed

Falls Sie noch nicht auf die Jagd gekommen sind und / oder für die Nachwelt, ist es ab FF v60 die Lösung:

  • Finden Sie Ihren Profilordner (aufgelistet in about:support)
  • Erstellen Sie dort einen Ordner namens "Chrome", falls er noch nicht vorhanden ist
  • Erstellen Sie in diesem Ordner eine Datei mit dem Namen "userContent.css".

Dann benötigen Sie die korrekte CSS-Regel und Sie können loslegen:

@-moz-document url-prefix("about:reader") { body.serif { font-family: 'Besley*' !important; } }

ANMERKUNG: Sie können auch die Seitenleiste und ihre Schaltflächen gestalten, um den Kontrast für dunkle Motive zu reduzieren:

.toolbar { background-color: #333 !important; border-right: 1px solid #444 !important; } .button { color: #ccc !important; background-color: #444 !important; }
Danke vielmals! Das Schlüsselwort "!!" Machte den Trick. Ich hatte das schon einmal mit dem Schlüsselwort "!!" Versucht. vor 5 Jahren 0

Verwandte Probleme