есть ли способ заменить шрифты на сайте, но только на определенных сайтах? Я знаю вариант по материалам, но это относится ко всем сайтам, а только определенные веб-сайты беспокоит меня, и иногда только определенные шрифты давая меня тоже беда.
Замена шрифтов в firefox только на определенных веб-сайтах и только на определенные шрифты
3 ответа
в зависимости от количества страниц, стильное может быть вариант. Вы создаете простой css-файл, в котором переопределяете шрифты.
затем вы выберите url стиле должны быть применены.
нет больших знаний css не требуется, вы можете придерживаться font-family: whatever;
.
для этого можно создать пользовательскую таблицу стилей. Таблицы стилей позволяют вам переопределить стили сайта CSS и заменить их своими.
сначала вам нужно найти папку профиля вашего Firefox и создать файл CSS, сделайте это:
- нажмите меню Firefox (в левом верхнем углу окна Firefox)
- Выберите Справка -> Сведения Об Устранении Неполадок
- в разделе Основы приложения нажмите кнопку показать Папка или Изменить Папку кнопка в строке папки профиля.
- в открывшейся папке либо перейдите в
chrome
папка, или (если она не существует) создать новую папку с именемchrome
. - создать новый текстовый файл с именем
userContent.css
теперь откройте новый файл в текстовом редакторе (например в блокноте).
теперь вы можете использовать CSS для переопределения стилей для определенных веб-сайтов, например, чтобы изменить все основные шрифты на этом сайте, чтобы использовать засечки стиль использования:
@-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".
Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]