如何更改 Firefox/userContent.css 的字体？

Question

所以我试图让 Firefox 使用我想要的字体用于网页和用户菜单。我在 userContent.css 文件和Stylish样式中都有相同的内容。

到目前为止，在 Stylish 中使用它使它适用于我的用户菜单，但userContent.css没有。

* {
  font-size: 16px !important;
  font-family: haxrcorp4089 !important;
}

:not( -moz-any(code, pre, tt, var) )  * {
  font-size: 16px !important;
  font-family: haxrcorp4089 !important;
}

code, pre, tt, var {
    font-size: 16px !important;
    font-family: terminal !important;
}

到目前为止，这是行不通的。我对 CSS 不太了解，所以这有点烦人，只是试图让 Firefox 使用与我的系统主题一致的字体，并且仍然使用终端字体作为代码。我在这里做错了吗？

我的 FirefoxOptions -> Font Settings菜单中的设置是否重要？有什么我可能已经改变的about:config可能是一个冲突的设置吗？

Answer 1

如果您不指定namespace ， Stylish 可以将 CSS 应用于 chrome (XUL) 和内容 (HTML) 。如果没有 Stylish，您可以使用userChrome.css 设置chrome 的样式，使用userContent.css 设置内容。

您必须拆分 CSS，以便每个规则都在正确的user*.css文件中。

时尚和命名空间：

更新

如果您想使用除HTML （和类似）元素之外的所有文本（包括Firefox GUI）设置样式...HaxrCorp 4089 code

• userChrome.css：

  *
  {
      font-family: "HaxrCorp 4089" !important;
      font-size: 16px !important;
  }
  

• 用户内容.css :

  *
  {
      font-family: "HaxrCorp 4089" !important;
      font-size: 16px !important;
  }
  
  pre, code, samp, tt, var
  {
      font-family: Terminal !important;
  }
  

注意： Firefox 8+ 不再支持位图字体，因此您可能需要找到 TrueType (TTF) 克隆或替代品来替换Terminal。

例子

Windows 7、Firefox 3.6.28（旧版）、终端 ( font-size: 10px)