☰

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

tag-icon • tag-icon firefox fonts
Ersetzen Sie Schriftarten in Firefox nur auf bestimmten Websites und nur auf bestimmten Schriftarten

Gibt es eine Möglichkeit, die Schriftarten einer Website zu ersetzen, aber nur auf bestimmten Websites? Ich kenne die Option unter „Inhalt“, aber sie gilt für alle Websites, und nur bestimmte Websites machen mir Probleme, und manchmal machen mir auch nur bestimmte Schriftarten Probleme.

Antwort1

Abhängig von der Anzahl der Seiten,Stilvollkönnte eine Möglichkeit sein. Du erstellst eine einfache CSS-Datei, in der du die Schriftarten neu definierst.

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

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

Antwort2

Sie können hierzu ein Benutzer-Stylesheet erstellen. Mit Benutzer-Stylesheets 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 wie folgt 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 er nicht existiert) einen neuen Ordner mit dem Namen chrome.
  • Erstellen Sie eine neue Textdatei mit dem NamenuserContent.css

Öffnen Sie nun die neue Datei in einem Texteditor (z. B. dem Windows-Editor).

Sie können jetzt CSS verwenden, um Stile für bestimmte Websites zu überschreiben. Um beispielsweise alle Hauptschriftarten auf dieser Website in einen Serifenstil zu ändern, verwenden Sie:

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

Oder ändern Sie alle Links auf StackOverflow so, dass sie in der kursiven Schriftart Arial angezeigt werden:

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

Diese CSS-Zeilen bestehen aus: @-moz-document domain(superuser.com)Dies ist der Teil der Zeile, der angibt, für welche Website die neue Regel gelten 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 gestalten möchten. font-family : serif !important;ist die neue CSS-Stilregel, die Sie auf das HTML anwenden möchten. Die !importantAnweisung 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 die Datei und starten Sie Firefox neu. Sie sollten dann sehen, dass der Text nun Ihren Wünschen entsprechend formatiert ist.

Antwort3

https://superuser.com/a/532623/460302oben ist die beste Antwort, die ich in StackExchange gefunden habe, aber ich möchte Details zu Klassen in Stylesheets hinzufügen (abgeleitet vonhttps://ffeathers.wordpress.com/2013/03/10/how-to-override-css-stylesheets-in-firefox):

Zusätzlich zur oben aufgeführten 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;
}
}

Dabei handelt es sich eigentlich um einen geänderten Abschnitt eines der Stylesheets von jsbin (ab jsbin v4.1.0 style.css), der die Verwendung der Schriftart „Source Code Pro“ durch jsbin deaktiviert.

verwandte Informationen