Есть ли способ заменить шрифты сайта, но только на определенных сайтах? Я знаю об опциях в содержании, но это относится ко всем веб-сайтам, и только определенные веб-сайты доставляют мне проблемы, а иногда только определенные шрифты доставляют мне неприятности.
3 ответа
В зависимости от количества страниц может быть выбран вариант « Стильный» . Вы делаете простой CSS-файл, в котором вы переопределяете шрифты.
После этого вы выбираете URL, к которым должен применяться стиль.
Не требуется больших знаний CSS, вы можете придерживаться font-family: whatever;
,
Вы можете создать таблицу стилей пользователя, чтобы сделать это. Пользовательские таблицы стилей позволяют переопределять стили 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, и вы увидите, что текст теперь стилизован так, как вам нужно.
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".