Замените шрифты в Firefox только на определенных веб-сайтах и ​​только на определенных шрифтах.

9

Есть ли способ заменить шрифты сайта, но только на определенных сайтах? Я знаю об опциях в содержании, но это относится ко всем веб-сайтам, и только определенные веб-сайты доставляют мне проблемы, и иногда только определенные шрифты доставляют мне проблемы.

firefox fonts Avery3R
источник
Какие проблемы?
Каран
Шрифты предназначены для сглаживания; Я использую ЭЛТ-монитор. С АА он выглядит как дерьмо, а с АА - как дерьмо
Avery3R
Я думаю, что единственный способ сделать что-то подобное - написать пользовательские скрипты .
Каран
Связанные (с одним и тем же файлом userContent.css): Как я могу изменить цвета ссылок в Firefox и Chrome, но оставить все остальные цвета и шрифты такими, какие они есть?
Питер Мортенсен

Ответы:

6

В зависимости от количества страниц может быть выбран вариант « Стильный» . Вы делаете простой CSS-файл, в котором вы переопределяете шрифты.

После этого вы выбираете URL, к которым должен применяться стиль.

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

MREQ
источник
Это должен быть принятый ответ ^^ Просто и решите проблему!
Нам G VU
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».

КОД-READ
источник