spezifisch einzelne Schriften ersetzen

Bafire

Hallo zusammen

Gibt es eine Möglichkeit Firefox so einzustellen, dass er automatisch z.B. die Schrift "open sans" immer durch "Arial" ersetzt, wenn der html Programmierer "open sans" als erste Schrift vorgesehen hat? Dieses Verhalten soll in Zukunft immer permanent für alle Websites gelten.

Wenn möglich würde ich eine Lösung ohne add-on vorziehen. Notfalls mit add-on.

Ich bin gespannt auf eure Antworten.

Bafire

WernerFP

Insofern die ungewünschte Schrift in den jeweiligen Webseiten als Webfont (@font-face) definiert ist, kannst du das machen: Klick

Gruß, Werner

Bafire

werner
Danke für die Links. Und es klappt mit dem add-on Stylish.

Folgendes habe ich gemacht:

1. Installation von folgendem add-on:
https://addons.mozilla.org/de/firefox/addon/stylish/
Neustart des Firefox

2. Auf das Icon Stylish geklickt. Styl erstellen - neuer Stil gewählt

3. Folgendes hineinkopiert:

Code

@-moz-document url-prefix("http://"), url-prefix("https://") {


@font-face {
  font-family: "open sans";
  src: local("Tahoma");
}


}

Erklärung: "open sans" ist die Schrift, die ersetzt wird. "Tahoma" ist die Schrift, die danach zur Darstellung verwendet wird.

4. den Namen "open sans nach Arial" vergeben und gespeichert.

Die Seite https://support.mozilla.org/de/kb/Schlagwo…uer-Lesezeichen wird jetzt in Tahoma statt "open sans" angezeigt.

Bafire

werner
Die andere Variante mit userContent.css habe ich auch noch ausprobiert. Diese scheint aber nicht zu funktionieren.

Folgendes habe ich gemacht:

1. Im Ordner
C:\Users\User1\AppData\Roaming\Mozilla\Firefox\Profiles\k29htp0p.default\storage\permanent\chrome
die Datei Text.txt erzeugt.

2. In diese Datei folgendes reingeschrieben:

Code

@-moz-document url-prefix("http://"), url-prefix("https://") {


@font-face {
  font-family: "open sans";
  src: local("Tahoma");
}


}

3. Die Datei Text.txt nach userContent.css umbenannt.

4. Firefox neu gestartet.

Ergebnis: Die Schrift wird leider nicht ersetzt.

Habe ich hier irgendetwas falsch gemacht?

aborix

Der Pfad zum Ordner chrome muss dieser sein:

C:\Users\User1\AppData\Roaming\Mozilla\Firefox\Profiles\k29htp0p.default\chrome

pencil

C:\Users\User1\AppData\Roaming\Mozilla\Firefox\Profiles\k29htp0p.default\~~storage\permanent\~~chrome

Bafire

aborix, @pencil
Danke für den Hinweis. Ich habe nun die Datei verschoben. Funktioniert aber leider immer noch nicht nach Neustart von Firefox. Sehr schade.

aborix

Die userContent.css muss in den Ordner chrome und dieser muss direkt in den Profilordner kommen.
Der Pfad zur userContent.css muss also genau so aussehen:

C:\Users\User1\AppData\Roaming\Mozilla\Firefox\Profiles\k29htp0p.default\chrome\ userContent.css

Ist das der Fall?

WernerFP

Case-sensitive? Versuche mal:
font-family: "Open Sans";

Gruß, Werner

P. S.: Ich kann's leider nicht parallel ausprobieren, weil bei meinem Linux Open Sans die Systemschriftart ist.

Bafire

Zitat von aborix

Ist das der Fall?

Ja.

Zitat von WernerFP

Case-sensitive? Versuche mal:
font-family: "Open Sans";

Funktioniert leider auch nicht.

WernerFP

Ich habe das nun mal in einigen Konstellationen durchprobiert. Mit Stylish geht's problemlos, userContent.css jedoch kommt mit dem @font-face nicht zurecht.
Das scheint ein verhungerter Bug aus grauer Vorzeit zu sein: Bug 827422

Gruß, Werner

Bafire

werner
Wow, vielen Dank für Deine Bemühungen.

Schade, dann geht es halt nur mit dem Add-on.

Gruss
Bafire

Speravir

Als Zusatzbemerkung:

Wenn man auch die verschiedenen Schriftschnitte ersetzen will, dann muss man sie einzeln definieren. Als Beispiel hier mal, wie ich lokal Aufrufe von „Courier“ und „Courier New“ ersetzen lasse:

CSS

@font-face {
  font-family: "Courier New", "Courier";
  font-weight: normal;
  src: local("Consolas") !important;
}
@font-face {
  font-family: "Courier New", "Courier";
  font-weight: normal;
  font-style: italic; /* kursiv */
  src: local("Consolas Italic") !important;
}
@font-face {
  font-family: "Courier New", "Courier";
  font-weight: bold; /* fett */
  src: local("Consolas Bold") !important;
}
@font-face {
  font-family: "Courier New", "Courier";
  font-weight: bold; /* fett und */
  font-style: italic;   /* kursiv */
  src: local("Consolas Bold Italic") !important;
}

Alles anzeigen

Und:
Man kann damit auch die von vielen ungeliebte „Comic Sans“ auf Webseiten durch eine etwas schönere Version ersetzen. Siehe dazu https://github.com/niutech/comic-sans-replacer oder https://userstyles.org/styles/100279/comic-sans-replacer. Dort fehlt aber der lokale Aufruf, der vollkommen ausreichend wäre, wenn man die Schrift auch lokal installieren würde, und außerdem sind die Schriftgewichte nicht unbedingt windows-kompatibel.