仅在某些网站上替换 firefox 中的字体，并且只替换某些字体

Question

有没有办法替换网站的字体，但仅限于某些网站？我知道内容下的选项，但这适用于所有网站，只有某些网站给我带来麻烦，有时也只有某些字体给我带来麻烦。

Answer 1

根据页数，Stylish可能是一种选择。您制作了一个简单的 css 文件，您可以在其中重新定义字体。

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

不需要很好的 css 知识，你可以坚持使用font-family: whatever;.

Answer 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;是您要应用于 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，您应该会看到文本现在按照您想要的方式设置了样式。