☰

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

tag-icon • tag-icon firefox fonts
Reemplazar fuentes en Firefox solo en ciertos sitios web y solo en ciertas fuentes

¿Existe alguna forma de reemplazar las fuentes de un sitio web, pero solo en determinados sitios web? Conozco la opción en contenido, pero eso se aplica a todos los sitios web, y solo ciertos sitios web me causan problemas y, a veces, solo ciertas fuentes también me causan problemas.

Respuesta1

Dependiendo del número de páginas,Elegantepuede ser una opción. Creas un archivo css simple, donde redefines las fuentes.

Luego selecciona las URL a las que se debe aplicar el estilo.

No es necesario tener grandes conocimientos de CSS, puedes seguir con font-family: whatever;.

Respuesta2

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 por los suyos propios.

Primero necesitas encontrar la carpeta de tu perfil de Firefox y crear el archivo CSS, hazlo de la siguiente manera:

  • Haga 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 se abre, acceda a la chromecarpeta o (si no existe) cree una nueva carpeta llamada chrome.
  • Crea un nuevo archivo de texto llamadouserContent.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 cursiva, fuente Arial:

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

Al dividir esas líneas CSS, se componen de: @-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 cambiar de estilo 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.

Respuesta3

https://superuser.com/a/532623/460302arriba es la mejor respuesta que he encontrado en StackExchange, pero me gustaría agregar detalles sobre las clases en hojas de estilo (derivadas dehttps://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;
}
}

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

información relacionada