Comment changer la police dans l'affichage du lecteur de Firefox ?

Je voulais changer la couleur du fond en noir pur et la couleur de la police en blanc pur pour le thème "Dark" du Reader. La réponse qui utilise userContent.css de 2016 semble être périmé, et ne fonctionnait pas sur FireFox 89. Après des recherches sur le web et d'innombrables tests, voici la solution que j'ai trouvée.

1. Activez les styles d'utilisateur à partir de about:config en fixant toolkit.legacyUserProfileCustomizations.stylesheets à verdadero

2. Trouvez votre dossier de profil dans about:support Dans le tableau, cherchez Dossier de profil et cliquez sur le Open Folder bouton.

3. Dans la racine de votre dossier de profil, créez le sous-dossier /chrome et un fichier nommé userContent.css . _{Exemple sur Windows : <code>C:\Users\</code> [votre identifiant Windows] <code>\AppData\Roaming\Mozilla\Firefox\Profiles\</code> [ID aléatoire] <code>\chrome\userContent.css</code>}

4. Le CSS pour changer les couleurs du thème Dark était :

   @-moz-document url-prefix("about:reader")
   {
       body.dark
       {
               color: #FFFFFF !important;
               background-color: #000000 !important;
       }
   }

5. Redémarrez FireFox pour appliquer le style.

Voici quelques référence pour la personnalisation des polices avec CSS .

Réponse de 2019 :

Si la vue de Firefox Reader ne peut plus être personnalisée, vous pouvez utiliser le module complémentaire alternatif Vue du lecteur basée sur la lisibilité , afin de "désencombrer les pages web pour une meilleure expérience de lecture".

Vous trouverez de plus amples informations dans son page d'accueil , dont je cite ce texte :

Q : Puis-je changer la couleur de fond du mode "Reader View" ?

A : Oui, sur le côté gauche de la page, vous verrez un bouton avec l'étiquette "Aa". Appuyez une fois sur ce bouton pour ouvrir le panneau de contrôle de l'interface utilisateur. Vous Vous pouvez modifier la famille de caractères, la taille de la police, la hauteur de la ligne et la couleur de la page. la page à partir de ce panneau. Il est également possible de personnaliser davantage chacun des trois modes proposés en insérant vos propres styles personnalisés définis par l'utilisateur. Utilisez la page des options pour insérer le code CSS pour insérer le code CSS.

Il y a une description détaillée pour faire cela en ajoutant un userContent.css dans votre profil d'utilisateur à Comment personnaliser l'affichage de Firefox Reader pour une meilleure lisibilité ? (blog Hongkiat). Voir également ce fil de discussion Reddit, Je veux modifier le fichier chrome://global/skin/aboutReader.css. Comment dois-je procéder ?

...\Profiles\<your-profile-folder>\chrome\userContent.css

Il existe également Comment puis-je ajouter les styles CSS utilisés par le mode lecteur de Firefox ? sur le forum de support Mozilla qui dit de modifier #moz-reader-content dans :

chrome://global/skin/aboutReaderControls.css
chrome://global/skin/aboutReaderContent.css 

...mais ne dit rien sur la manière de le faire.

Voici une manière de le faire en se basant sur réponse de matt wilkie pour les systèmes Linux (cela devrait être similaire pour Windows et MacOS*) :

$ cd ~/.mozilla/firefox/*.default
$ mkdir -p chrome && cd chrome
$ echo 'body.serif { font-family: "URW Palladio L" !important; }' >> userContent.css

(J'ai utilisé la police "URW Palladio L" pour la démonstration, car c'est la police la plus proche de Book Antiqua / Palatino, qui sont mes choix de prédilection pour les textes avec empattement, et qui est généralement disponible sur les systèmes Linux).

El !important est nécessaire car le userContent.css est chargée avant celle du lecteur.

_{* Pour trouver le dossier de profil, naviguez vers <code>about:support</code> (ou utilisez le menu Aide > Informations de dépannage) et cliquez sur le bouton "Open Directory" à côté de l'entrée "Profile Directory".}

Si une page est disponible en mode lecture, le mode lecture apparaît dans la barre d'adresse. Des options s'affichent à gauche lorsque vous visualisez une page en mode Lecture, et vous disposez des options suivantes Aa cliquez sur l'icône et vous pourrez modifier la police.

+

Installez l'addon Reader 40.0 si vous ne pouvez pas modifier la police. Avec cet addon, vous pouvez aussi la modifier.