Zamień czcionki w Firefoksie tylko na niektórych stronach internetowych i tylko na niektórych czcionkach

9

Czy istnieje sposób na zastąpienie czcionek witryny, ale tylko w niektórych witrynach? Zdaję sobie sprawę z opcji zawartej w treści, ale dotyczy to wszystkich stron internetowych i tylko niektóre strony internetowe przysparzają mi kłopotów, a czasem są to tylko niektóre czcionki.

firefox fonts Avery3R
źródło
Jakie kłopoty?
Karan
Czcionki są zaprojektowane do wygładzania; Używam monitora CRT. Z AA wygląda jak bzdura, z AA bez bzdur.
Avery3R
Myślę, że jedynym sposobem na zrobienie czegoś takiego może być napisanie niestandardowych skryptów użytkownika .
Karan
Powiązane (dotyczy tego samego pliku userContent.css): Jak mogę zmienić kolory linków w Firefox i Chrome, ale pozostawić wszystkie inne kolory i czcionki bez zmian?
Peter Mortensen

Odpowiedzi:

6

W zależności od liczby stron stylowy może być opcją. Tworzysz prosty plik css, w którym ponownie definiujesz czcionki.

Następnie wybierasz adresy URL, do których należy zastosować styl.

Nie jest wymagana wielka wiedza css, z którą możesz się trzymać font-family: whatever;.

mreq
źródło
To powinna być zaakceptowana odpowiedź ^^ Prosta i rozwiązująca potrzebę!
Nam G VU
4

W tym celu możesz utworzyć arkusz stylów użytkownika. Arkusze stylów użytkownika pozwalają zastąpić style CSS witryny i zastąpić je własnymi.

Najpierw musisz znaleźć folder profilu Firefoksa i utworzyć plik CSS, wykonaj następujące czynności:

  • Kliknij menu Firefox (w lewym górnym rogu okna Firefox)
  • Wybierz Pomoc -> Informacje dotyczące rozwiązywania problemów
  • W sekcji Podstawy aplikacji kliknij przycisk Show Folderlub Edit Folderw wierszu Folder profilu.
  • W otwartym folderze przejdź do chromefolderu lub (jeśli nie istnieje) utwórz nowy folder o nazwie chrome.
  • Utwórz nowy plik tekstowy o nazwie userContent.css

Teraz otwórz ten nowy plik w edytorze tekstu (takim jak Notatnik Windows).

Możesz teraz używać CSS do nadpisywania stylów dla niektórych stron internetowych, na przykład do zmiany wszystkich głównych czcionek na tej stronie, aby użyć stylu Serif:

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

Lub zmienić wszystkie linki w StackOverflow, aby były pisane kursywą, czcionką Arial:

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

Podział tych linii CSS składa się z: @-moz-document domain(superuser.com)jest to część linii, która określa, do której witryny internetowej chcesz zastosować nową regułę, po prostu zastąp „superuser.com” witryną, którą chcesz zmienić. html, p, li, h1to lista elementów HTML, które chcesz zmienić styl na tej stronie. font-family : serif !important;jest nową regułą stylizacji CSS, którą chcesz zastosować do HTML, !importantdyrektywa powoduje, że CSS w tym pliku zastępuje CSS w arkuszu stylów strony.

Twój plik usercontent.css zawierałby:

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

Teraz zapisz ten plik i uruchom ponownie Firefox, a powinieneś zobaczyć, że tekst ma teraz styl, który chcesz.

GAThrawn
źródło
1
Ta odpowiedź ma moje preferencje, konfiguracja w katalogu profilu jest łatwa do wersji i ma mniejsze szanse na niepowodzenie włączenia, gdy Firefox nie obsługuje już rozszerzenia.
Ed Neville,
0

https://superuser.com/a/532623/460302 powyżej to najlepsza odpowiedź, jaką znalazłem w StackExchange, ale chciałbym dodać szczegóły dotyczące klas w arkuszach stylów (pochodzące z https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-stylesheets-in-firefox ):

Oprócz powyższej składni jednowierszowej we userContent.csswpisie wielowierszowym można uwzględnić następujące elementy:

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

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

W rzeczywistości jest to zmodyfikowana sekcja jednego z arkuszy stylów jsbin (od jsbin v4.1.0 style.css), która wyłącza użycie przez jsbin czcionki „Source Code Pro”.

ODCZYT KODU
źródło