☰

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

tag-icon • tag-icon firefox fonts
Заменить шрифты в Firefox только на определенных сайтах и ​​только на определенных шрифтах

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

решение1

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

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

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

решение2

Для этого можно создать таблицу стилей пользователя. Таблицы стилей пользователя позволяют переопределять стили 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, и вы увидите, что текст теперь оформлен так, как вам нужно.

решение3

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), который отключает использование шрифта «Source Code Pro» в jsbin.

Связанный контент