仅在某些网站上和仅某些字体中替换Firefox中的字体

有一种方法可以替换网站的字体，但只能在某些网站上？我知道内容下的选项，但该选项适用于所有网站，只有某些网站给我带来麻烦，有时也只有某些字体给我带来麻烦。

根据页面数，可能会选择“ 时尚”。您可以制作一个简单的css文件，在其中重新定义字体。

之后，选择应应用样式的网址。

不需要任何丰富的CSS知识，您可以坚持使用font-family: whatever;。

您可以创建一个用户样式表来执行此操作。用户样式表可让您覆盖网站的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;是您要应用于HTML的新CSS样式规则，该!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 /如何在Firefox中覆盖CSS样式表）：

除了上述单行语法外，您还可以在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”字体。