Thay thế phông chữ trong firefox trên một số trang web nhất định và chỉ một số phông chữ nhất định

Có cách nào để thay thế phông chữ của một trang web, nhưng chỉ trên một số trang web nhất định? Tôi biết tùy chọn theo nội dung, nhưng áp dụng cho tất cả các trang web và chỉ một số trang web nhất định gây rắc rối cho tôi và đôi khi chỉ có một số phông chữ nhất định cũng gây rắc rối cho tôi.

Tùy thuộc vào số lượng trang, Kiểu có thể là một tùy chọn. Bạn tạo một tệp css đơn giản, trong đó bạn xác định lại các phông chữ.

Sau đó, bạn chọn url, kiểu nên được áp dụng.

Không có kiến ​​thức css tuyệt vời là cần thiết, bạn có thể gắn bó với font-family: whatever;.

Bạn có thể tạo Biểu định kiểu người dùng để thực hiện việc này. Biểu định kiểu người dùng cho phép bạn ghi đè các kiểu CSS của trang web và thay thế chúng bằng các kiểu của riêng bạn.

Trước tiên, bạn cần tìm thư mục hồ sơ của Firefox và tạo tệp CSS, thực hiện việc này bằng cách:

• Nhấp vào menu Firefox (ở góc trên cùng bên trái của cửa sổ Firefox)
• Chọn Trợ giúp -> Thông tin khắc phục sự cố
• Trong phần Thông tin cơ bản về ứng dụng, nhấp vào nút Show Folderhoặc Edit Foldertrên dòng Thư mục hồ sơ.
• Trong thư mục được mở hoặc đi vào chromethư mục hoặc (nếu nó không tồn tại) tạo một thư mục mới có tên chrome.
• Tạo một tệp văn bản mới gọi là userContent.css

Bây giờ hãy mở tệp mới đó trong trình soạn thảo văn bản (như Windows Notepad).

Bây giờ, bạn có thể sử dụng CSS để ghi đè các kiểu cho một số trang web nhất định, ví dụ để thay đổi tất cả các phông chữ chính trên trang web này để sử dụng kiểu Serif:

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

Hoặc để thay đổi tất cả các liên kết trên StackOverflow sao cho chúng ở dạng chữ Arial in nghiêng:

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

Phá vỡ các dòng CSS đó, chúng được tạo thành: @-moz-document domain(superuser.com)đây là một phần của dòng chỉ định trang web nào bạn muốn áp dụng quy tắc mới, chỉ cần thay thế "superuser.com" bằng trang web mà bạn muốn thay đổi. html, p, li, h1là danh sách các thành phần HTML mà bạn muốn sắp xếp lại trong trang đó. font-family : serif !important;là quy tắc tạo kiểu CSS mới mà bạn muốn áp dụng cho HTML, lệnh !importantnày khiến CSS trong tệp này ghi đè CSS trong biểu định kiểu của trang web.

Vì vậy, tệp usercontent.css của bạn sẽ chứa:

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

Bây giờ hãy lưu tệp đó và khởi động lại Firefox và bạn sẽ thấy rằng văn bản hiện được tạo kiểu theo cách bạn muốn.

https://superuser.com/a/532623/460302 ở trên là câu trả lời hay nhất tôi đã tìm thấy trong StackExchange, nhưng tôi muốn thêm chi tiết về các lớp trong biểu định kiểu (xuất phát từ https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-Stylesheets-in-firefox ):

Ngoài cú pháp một dòng ở trên, bạn có thể đưa vào userContent.cssmột mục nhập nhiều dòng như sau:

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

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

Đây thực sự là một phần được sửa đổi của một trong các biểu định kiểu của jsbin (từ jsbin v4.1.0 style.css) để vô hiệu hóa việc sử dụng phông chữ "Mã nguồn Pro" của jsbin.