定制你的 Firefox 界面字体与页面字体

最近把主力浏览器从 Maxthon2 换成了 Firefox3，最初的缘由其实很简单也很 funny 和 freaky：IE 不支持 CSS 圆角属性，这让 WordPress 2.5 后台的新外观在 IE 下变得很难看。在逐步适应 Firefox 的过程中，我意识到它有极大的可定制性，这让我非常满意。

我的操作系统是 Windows 2003 ENU，一般来说，程序的默认字体都是我喜欢的 Tahoma，包括我在使用的英文版 Firefox。但如果把 Firefox 拿到中文 Windows 上使用时，界面字体成了宋体。个人感觉宋体的英文不怎么漂亮，所以偶尔把自己的 Portable Firefox 拿到别的机器上用的时候，总是感觉很别扭。回想起 Stylish 有不少 CSS、 GreaseMonkey 有不少 JS 脚本可以更改Firefox 的外观，所以推测 Firefox 应该有更为更灵活的内建机制以定制字体（当然，修改源代码重新编译除外:-D）。Google 一圈，发现奥秘在于 userChrome.css，它控制了 Firefox 界面各元素的显示规则。这个文件默认不存在，但有一个范例文件 userChrome-example.css 位于 %APPDATA%\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\，其中xxxxxxxx是一个8位的随机字符串（Windows Vista/XP/2000）。如果你使用的是 Portable Firefox，这个文件位于 \Data\profile\chrome\。

首先把 userChrome-example.css 重命名为 userChrome.css。然后用文本编辑器（Vim、EmEditor、UltraEdit 等等）打开它，在文件尾部加入以下内容：

*
{
font-family: Tahoma !important;
font-size: 12px !important;
}

保存文件，重启 Firefox，可以看到中文 Windows 下的英文 Firefox 也应用上了Tahoma 字体。以下讲解针对不熟悉 CSS 的朋友。其实这就是一条 CSS 规则，星号 * 是全局元素选择器，表示大花括号里的规则将应用到所有界面元素。font-family 代表字体，其值为 Tohoma ，可以用你喜欢的字体名来替代 Tahoma。 !important 表示这条语句具有更高的优先级。分号;标志这条语句的结尾。font-size代表字号，其值为 12px，即 12 像素，你可以指定其它数值来以适应不同的桌面分辨率。

与 userChrome.css 类似的还有 userContent.css，它们在同一个文件夹下。不同于 userChrome.css ， userContent.css 定义的是页面的形式而不是 Firefox 界面的显示规则。比如，你想让页面的字体显示为 Verdana，则可以参照对 userChrome.css 的处理办法，使用下面的规则：