Reemplazar fuentes en firefox solo en ciertos sitios web y solo ciertas fuentes

¿Hay alguna forma de reemplazar las fuentes de un sitio web, pero solo en ciertos sitios web? Soy consciente de la opción bajo contenido, pero eso se aplica a todos los sitios web, y solo ciertos sitios web me están dando problemas, y a veces solo ciertas fuentes me causan problemas.

Dependiendo del número de páginas, Stylish puede ser una opción. Usted crea un archivo CSS simple, donde redefine las fuentes.

Luego, selecciona las URL al que se debe aplicar el estilo.

No es necesario un gran conocimiento de CSS, puede seguir font-family: whatever;.

Puede crear una hoja de estilo de usuario para hacer esto. Las hojas de estilo de usuario le permiten anular los estilos CSS de un sitio y reemplazarlos con los suyos.

Primero necesita encontrar la carpeta de perfil de su Firefox y crear el archivo CSS, haga esto de la siguiente manera:

• Haz clic en el menú de Firefox (en la esquina superior izquierda de la ventana de Firefox)
• Seleccione Ayuda -> Información de solución de problemas
• En la sección Conceptos básicos de la aplicación, haga clic en el botón Show Foldero Edit Folderen la línea Carpeta de perfil.
• En la carpeta que está abierta, vaya a la chromecarpeta o (si no existe) cree una nueva carpeta llamada chrome.
• Crea un nuevo archivo de texto llamado userContent.css

Ahora abra ese nuevo archivo en un editor de texto (como el Bloc de notas de Windows).

Ahora puede usar CSS para anular estilos para ciertos sitios web, por ejemplo, para cambiar todas las fuentes principales en este sitio web para usar un estilo Serif:

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

O para cambiar todos los enlaces en StackOverflow para que estén en letra Arial cursiva:

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

Desglosando esas líneas CSS, están formadas por: @-moz-document domain(superuser.com)esta es la parte de la línea que especifica a qué sitio web desea que se aplique la nueva regla, simplemente reemplace "superuser.com" con el sitio web que desea cambiar. html, p, li, h1es una lista de los elementos HTML que desea rediseñar en esa página. font-family : serif !important;es la nueva regla de estilo CSS que desea aplicar al HTML, la !importantdirectiva hace que el CSS en este archivo anule el CSS en la propia hoja de estilo del sitio.

Entonces su archivo usercontent.css contendría:

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

Ahora guarde ese archivo y reinicie Firefox y debería ver que el texto ahora tiene el estilo que desea.

https://superuser.com/a/532623/460302 anterior es la mejor respuesta que he encontrado en StackExchange, pero me gustaría agregar detalles sobre las clases en las hojas de estilo (derivadas de https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-stylesheets-in-firefox ):

Además de la sintaxis de una sola línea anterior, puede incluir en userContent.cssuna entrada de varias líneas como la siguiente:

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

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

Esta es en realidad una sección modificada de una de las hojas de estilo de jsbin (de jsbin v4.1.0 style.css) que deshabilita el uso de jsbin de la fuente "Source Code Pro".