Remplacer les polices dans Firefox sur seulement certains sites Web et seulement certaines polices

9

Existe-t-il un moyen de remplacer les polices d'un site Web, mais uniquement sur certains sites Web? Je connais l'option sous le contenu, mais cela s'applique à tous les sites Web, et seuls certains sites Web me causent des problèmes, et parfois ce ne sont que certaines polices qui me causent également des problèmes.

firefox fonts Avery3R
la source
Quel genre de problème?
Karan
Les polices sont conçues pour l'anti-crénelage; J'utilise un moniteur CRT. Avec AA activé, cela ressemble à de la merde, avec AA désactivé, il ressemble à de la merde.
Avery3R
Je pense que la seule façon de faire quelque chose comme ça pourrait être d'écrire des scripts utilisateur personnalisés .
Karan
Connexes (impliquant le même fichier userContent.css): Comment puis-je changer les couleurs des liens dans Firefox et Chrome, mais laisser toutes les autres couleurs et polices telles quelles?
Peter Mortensen

Réponses:

6

Selon le nombre de pages, Élégant peut être une option. Vous créez un simple fichier CSS, où vous redéfinissez les polices.

Ensuite, vous sélectionnez les URL auxquelles le style doit être appliqué.

Aucune connaissance approfondie de CSS n'est nécessaire, vous pouvez vous en tenir font-family: whatever;.

mreq
la source
Cela devrait être la réponse acceptée ^^ Simple et résolvez le besoin!
Nam G VU
4

Pour ce faire, vous pouvez créer une feuille de style utilisateur. Les feuilles de style utilisateur vous permettent de remplacer les styles CSS d'un site et de les remplacer par les vôtres.

Vous devez d'abord trouver le dossier de profil de votre Firefox et créer le fichier CSS, faites-le en:

  • Cliquez sur le menu Firefox (dans le coin supérieur gauche de la fenêtre Firefox)
  • Sélectionnez Aide -> Informations de dépannage
  • Dans la section Application Basics, cliquez sur le bouton Show Folderou Edit Foldersur la ligne Profile Folder.
  • Dans le dossier ouvert, allez dans le chromedossier ou (s'il n'existe pas) créez un nouveau dossier nommé chrome.
  • Créez un nouveau fichier texte appelé userContent.css

Ouvrez maintenant ce nouveau fichier dans un éditeur de texte (comme le Bloc-notes Windows).

Vous pouvez désormais utiliser CSS pour remplacer les styles de certains sites Web, par exemple pour modifier toutes les polices principales de ce site Web afin d'utiliser une utilisation du style Serif:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

Ou pour modifier tous les liens sur StackOverflow afin qu'ils soient en italique, police Arial:

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

En décomposant ces lignes CSS, elles sont constituées: @-moz-document domain(superuser.com)c'est la partie de la ligne qui spécifie le site Web auquel vous souhaitez que la nouvelle règle s'applique, remplacez simplement "superuser.com" par le site Web que vous souhaitez modifier. html, p, li, h1est une liste des éléments HTML que vous souhaitez redessiner dans cette page. font-family : serif !important;est la nouvelle règle de style CSS que vous souhaitez appliquer au HTML, la !importantdirective oblige le CSS de ce fichier à remplacer le CSS dans la propre feuille de style du site.

Votre fichier usercontent.css contiendrait donc:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

Maintenant, enregistrez ce fichier et redémarrez Firefox et vous devriez voir que le texte est maintenant stylé comme vous le souhaitez.

GAThrawn
la source
1
Cette réponse a ma préférence, la configuration dans le répertoire de profil est facile à versionner et a moins de chances de ne pas pouvoir être activée lorsque firefox ne prend plus en charge une extension.
Ed Neville
0

https://superuser.com/a/532623/460302 ci-dessus est la meilleure réponse que j'ai trouvée dans StackExchange, mais je voudrais ajouter des détails concernant les classes dans les feuilles de style (dérivé de https://ffeathers.wordpress.com/2013 / 03/10 / comment-remplacer-css-stylesheets-in-firefox ):

En plus de la syntaxe monoligne ci-dessus, vous pouvez inclure dans userContent.cssune entrée multiligne comme celle-ci:

@-moz-document domain(jsbin.com){ 

#bin .editbox .CodeMirror pre,
.mobile .editbox textarea {
  font-family: Menlo, Monaco, consolas, monospace !important;
}
}

Il s'agit en fait d'une section modifiée d'une des feuilles de style de jsbin (de jsbin v4.1.0 style.css) qui désactive l'utilisation par jsbin de la police "Source Code Pro".

CODE-REaD
la source