☰

仅在特定网站上替换 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;是您想要应用于 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，您应该会看到文本现在按照您想要的方式设置了样式。

答案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），它禁用 jsbin 对“Source Code Pro”字体的使用。

相关内容