Замініть шрифти у firefox лише на певних веб-сайтах та лише на певних шрифтах

9

Чи є спосіб замінити шрифти веб-сайту, але лише на певних веб-сайтах? Я знаю варіант у вмісті, але це стосується всіх веб-сайтів, і лише певні веб-сайти створюють мені проблеми, і іноді це лише певні шрифти.

firefox fonts

— Avery3R
джерело

Що за біда?

— Каран

Шрифти розроблені для протизшивання; Я використовую ЕПТ-монітор. З AA на це схоже на лайно, а з AA він виглядає як лайно.

— Avery3R

Я думаю, що єдиним способом зробити щось подібне може бути написання користувацьких сценаріїв .

— Каран

Пов'язане (із тим самим файлом userContent.css): Як я можу змінити кольори посилань у Firefox та Chrome, але залишити всі інші кольори та шрифти такими, якими вони є?

— Пітер Мортенсен

6

Залежно від кількості сторінок, Stylish може бути варіантом. Ви створюєте простий файл css, в якому заново визначаєте шрифти.

Після цього ви вибираєте URL-адреси, до яких слід застосувати стиль.

Ніяких великих знань css не потрібно, ви можете дотримуватися font-family: whatever;.

— mreq
джерело

Це має бути прийнятою відповіддю ^^ Просто і вирішити потребу!

— Нам Г ВУ

4

Для цього можна створити таблицю стилів користувача. Аркуші стилів користувача дозволяють переосмислити стилі CSS на сайті та замінити їх на свій.

Спочатку вам потрібно знайти папку профілю вашого Firefox та створити файл CSS, зробіть це:

Клацніть меню Firefox (у верхньому лівому куті вікна Firefox)
Виберіть Довідка -> Інформація про усунення несправностей
У розділі Основи програми натисніть кнопку Show Folderабо Edit Folderу рядку Папка профілю.
У відкритій папці або перейдіть у chromeпапку, або (якщо її немає) створити нову папку з назвою chrome.
Створіть новий текстовий файл під назвою userContent.css

Тепер відкрийте новий файл у текстовому редакторі (як-от Блокнот Windows).

Тепер ви можете використовувати CSS для заміни стилів для певних веб-сайтів, наприклад, щоб змінити всі основні шрифти на цьому веб-сайті, щоб використовувати використання стилю Serif:

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

Або змінити всі посилання на StackOverflow, щоб вони мали курсив, Arial шрифт:

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

Розбиваючи ці рядки CSS, вони складаються з: @-moz-document domain(superuser.com)це частина рядка, яка визначає, до якого веб-сайту ви хочете застосувати нове правило, просто замініть "superuser.com" на веб-сайт, який ви хочете змінити. html, p, li, h1- це список елементів HTML, які ви хочете змінити на цій сторінці. font-family : serif !important;це нове правило стилю CSS, яке потрібно застосувати до HTML, !importantдиректива змушує CSS у цьому файлі переосмислювати CSS у власному таблиці стилів сайту.

Отже ваш файл usercontent.css міститиме:

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

Тепер збережіть цей файл і перезапустіть Firefox, і ви повинні побачити, що текст тепер стилізований так, як вам потрібно.

— GAThrawn
джерело

1

Ця відповідь отримує мою перевагу, конфігурація в каталозі профілів проста у версії та має менший шанс не ввімкнути цю функцію, коли firefox більше не підтримує розширення.

— Ед Невілл

0

https://superuser.com/a/532623/460302 вище - найкраща відповідь, яку я знайшов у StackExchange, але я хотів би додати детальну інформацію про класи в таблицях стилів (отримані з https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-stylesheets-in-firefox ):

На додаток до однорядкового синтаксису, зазначеного вище, ви можете включати в userContent.cssбагаторядковий запис, як:

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

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

Це фактично модифікований розділ одного з таблиць стилів jsbin (від jsbin v4.1.0 style.css), який вимикає використання jsbin шрифту "Source Code Pro".

— КОД-РЕАД
джерело