Sostituisci i caratteri in Firefox solo su alcuni siti Web e solo determinati caratteri


9

C'è un modo per sostituire i caratteri di un sito Web, ma solo su determinati siti Web? Sono a conoscenza dell'opzione sotto il contenuto, ma questo vale per tutti i siti Web e solo alcuni siti Web mi danno problemi, e a volte sono solo alcuni caratteri che mi danno problemi.


Che tipo di guai?
Karan,

I caratteri sono progettati per l'antialiasing; Uso un monitor CRT. Con AA acceso sembra una merda, con AA spento sembra una schifezza.
Avery3R,

Penso che l'unico modo per fare qualcosa del genere sia quello di scrivere script utente personalizzati .
Karan,

Risposte:


6

A seconda del numero di pagine, Stylish può essere un'opzione. Si crea un semplice file CSS, dove si ridefiniscono i caratteri.

Successivamente selezionare gli URL a cui applicare lo stile.

Non è necessaria una grande conoscenza dei CSS, puoi restare fedele font-family: whatever;.


Questa dovrebbe essere la risposta accettata ^^ Semplice e risolvere il bisogno!
Nam G VU,

4

È possibile creare un foglio di stile utente per farlo. I fogli di stile utente ti consentono di sovrascrivere gli stili CSS di un sito e sostituirli con i tuoi.

Per prima cosa devi trovare la cartella del profilo di Firefox e creare il file CSS, quindi:

  • Fai clic sul menu Firefox (nell'angolo in alto a sinistra della finestra di Firefox)
  • Seleziona Aiuto -> Informazioni sulla risoluzione dei problemi
  • Nella sezione Informazioni di base sull'applicazione, fare clic sul pulsante Show Foldero Edit Foldersulla riga Cartella profilo.
  • Nella cartella aperta, vai nella chromecartella o (se non esiste) crea una nuova cartella denominata chrome.
  • Crea un nuovo file di testo chiamato userContent.css

Ora apri quel nuovo file in un editor di testo (come Blocco note di Windows).

Ora puoi usare i CSS per sovrascrivere gli stili per alcuni siti web, ad esempio per cambiare tutti i caratteri principali su questo sito Web per usare uno stile Serif:

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

O per modificare tutti i collegamenti su StackOverflow in modo che siano in corsivo, carattere Arial:

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

Abbattendo quelle linee CSS, sono costituite da: @-moz-document domain(superuser.com)questa è la parte della linea che specifica a quale sito Web si desidera applicare la nuova regola, è sufficiente sostituire "superuser.com" con il sito Web che si desidera modificare. html, p, li, h1è un elenco degli elementi HTML che desideri ripristinare in quella pagina. font-family : serif !important;è la nuova regola di stile CSS che si desidera applicare all'HTML, la !importantdirettiva fa sì che il CSS in questo file sovrascriva il CSS nel foglio di stile del sito.

Quindi il tuo file usercontent.css conterrà:

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

Ora salva quel file e riavvia Firefox e dovresti vedere che il testo è ora in stile nel modo desiderato.


1
Questa risposta ottiene la mia preferenza, la configurazione nella directory del profilo è facile da versione e ha meno possibilità di non essere abilitata quando firefox non supporta più un'estensione.
Ed Neville,

0

https://superuser.com/a/532623/460302 sopra è la migliore risposta che ho trovato in StackExchange, ma vorrei aggiungere dettagli riguardanti le classi nei fogli di stile (derivati ​​da https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-stylesheets-in-firefox ):

Oltre alla sintassi a riga singola sopra, è possibile includere in userContent.cssuna voce a più righe come la seguente:

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

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

Questa è in realtà una sezione modificata di uno dei fogli di stile di jsbin (da jsbin v4.1.0 style.css) che disabilita l'uso di jsbin del carattere "Source Code Pro".

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.