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

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

因此,我尝试让 Firefox 使用我想要的字体来显示网页和用户菜单。我在 userContent.css 文件和样式中都使用了相同的内容时髦的

到目前为止,在 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 使用与我的系统主题一致的字体,并且仍然使用终端字体进行代码编写。我在这里做错了什么吗?

Firefox 菜单中设置的内容是否重要Options -> Font Settings?我是否更改了某些内容,从而about:config导致设置冲突?

答案1

如果您未指定,Stylish 可以将 CSS 应用于 chrome(XUL)和内容(HTML)命名空间。如果没有 Stylish,你只能用用户Chrome.css并满足于用户内容.css

您必须拆分 CSS,以便每条规则都位于正确的user*.css文件中。


时尚和命名空间:

时髦的


更新

如果你想为所有文本设置样式包括Firefox GUIHaxrCorp 4089 除了对于 HTML code(及类似)元素...

  • 用户Chrome.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) 克隆或替代字体来替换终端


例子

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

截屏

相关内容