Ersetzen Sie Schriftarten in Firefox nur auf bestimmten Websites und nur auf bestimmten Schriftarten

9

Gibt es eine Möglichkeit, die Schriftarten einer Website zu ersetzen, jedoch nur auf bestimmten Websites? Ich bin mir der Option unter Inhalt bewusst, aber das gilt für alle Websites, und nur bestimmte Websites bereiten mir Probleme, und manchmal bereiten mir auch nur bestimmte Schriftarten Probleme.

firefox fonts Avery3R
quelle
Was für ein Problem?
Karan
Die Schriftarten sind für Anti-Aliasing ausgelegt. Ich benutze einen CRT-Monitor. Mit AA sieht es aus wie Mist, mit AA aus sieht es aus wie Mist.
Avery3R
Ich denke, der einzige Weg, so etwas zu tun, könnte darin bestehen, benutzerdefinierte Benutzerskripte zu schreiben .
Karan
Verwandte Themen (mit derselben Datei userContent.css): Wie kann ich die Linkfarben in Firefox und Chrome ändern, aber alle anderen Farben und Schriftarten unverändert lassen?
Peter Mortensen

Antworten:

6

Abhängig von der Anzahl der Seiten kann Stylish eine Option sein. Sie erstellen eine einfache CSS-Datei, in der Sie die Schriftarten neu definieren.

Anschließend wählen Sie URLs aus, auf die der Stil angewendet werden soll.

Es sind keine großen CSS-Kenntnisse erforderlich, bei denen Sie bleiben können font-family: whatever;.

mreq
quelle
Dies sollte die akzeptierte Antwort sein ^^ Einfach und die Notwendigkeit lösen!
Nam G VU
4

Sie können dazu ein User Style Sheet erstellen. Mit User Style Sheets können Sie die CSS-Stile einer Site überschreiben und durch Ihre eigenen ersetzen.

Zuerst müssen Sie den Profilordner Ihres Firefox finden und die CSS-Datei erstellen. Gehen Sie dazu folgendermaßen vor:

  • Klicken Sie auf das Firefox-Menü (in der oberen linken Ecke des Firefox-Fensters).
  • Wählen Sie Hilfe -> Informationen zur Fehlerbehebung
  • Klicken Sie im Abschnitt Anwendungsgrundlagen auf die Schaltfläche Show Folderoder Edit Folderin der Zeile Profilordner.
  • Gehen Sie in dem geöffneten Ordner entweder in den chromeOrdner oder erstellen Sie (falls nicht vorhanden) einen neuen Ordner mit dem Namen chrome.
  • Erstellen Sie eine neue Textdatei mit dem Namen userContent.css

Öffnen Sie nun diese neue Datei in einem Texteditor (wie Windows Notepad).

Sie können jetzt CSS verwenden, um Stile für bestimmte Websites zu überschreiben, z. B. um alle Hauptschriftarten auf dieser Website so zu ändern, dass ein Serifenstil verwendet wird:

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

Oder um alle Links in StackOverflow so zu ändern, dass sie kursiv und arial sind:

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

Wenn Sie diese CSS-Zeilen aufteilen, bestehen sie aus: @-moz-document domain(superuser.com)Dies ist der Teil der Zeile, der angibt, auf welche Website die neue Regel angewendet werden soll. Ersetzen Sie einfach "superuser.com" durch die Website, die Sie ändern möchten. html, p, li, h1ist eine Liste der HTML-Elemente, die Sie auf dieser Seite neu formatieren möchten. font-family : serif !important;ist die neue CSS-Stilregel, die Sie auf den HTML-Code anwenden möchten. Die !importantDirektive bewirkt , dass das CSS in dieser Datei das CSS im eigenen Stylesheet der Site überschreibt.

Ihre Datei usercontent.css würde also Folgendes enthalten:

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

Speichern Sie nun diese Datei und starten Sie Firefox neu. Sie sollten sehen, dass der Text jetzt so gestaltet ist, wie Sie es möchten.

GAThrawn
quelle
1
Diese Antwort wird von mir bevorzugt. Die Konfiguration im Profilverzeichnis ist einfach zu versionieren und hat eine geringere Wahrscheinlichkeit, nicht aktiviert zu werden, wenn Firefox keine Erweiterung mehr unterstützt.
Ed Neville
0

https://superuser.com/a/532623/460302 oben ist die beste Antwort, die ich in StackExchange gefunden habe, aber ich möchte Details zu Klassen in Stylesheets hinzufügen (abgeleitet von https://ffeathers.wordpress.com/2013 / 03/10 / How-to-Override-CSS-Stylesheets-in-Firefox ):

Zusätzlich zu der obigen einzeiligen Syntax können Sie userContent.csseinen mehrzeiligen Eintrag wie den folgenden einfügen:

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

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

Dies ist tatsächlich ein modifizierter Abschnitt eines der Stylesheets von jsbin (ab jsbin v4.1.0 style.css), der die Verwendung der Schriftart "Source Code Pro" durch jsbin deaktiviert.

CODE-REaD
quelle