8

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

3 ответа3

5

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

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

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

3

Вы можете создать таблицу стилей пользователя, чтобы сделать это. Пользовательские таблицы стилей позволяют переопределять стили CSS сайта и заменять их собственными.

Сначала вам нужно найти папку профиля вашего Firefox и создать файл CSS, сделайте это:

  • Откройте меню Firefox (в верхнем левом углу окна Firefox).
  • Выберите Справка -> Информация об устранении неполадок.
  • В разделе «Основы приложения» нажмите кнопку « Показать папку» или « Редактировать папку» в строке «Папка профиля».
  • В открывшейся папке либо перейдите в папку 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, и вы увидите, что текст теперь стилизован так, как вам нужно.

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".

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .