小虾虎鱼

小虾虎鱼

修改Firebug的字体、大小和行间距的方法

作者 禾惠 发表于 2014/07/30,最后修改于 2014/07/30

一直不怎么喜欢Firebug,因为Firebug的显示的字体太丑了。今天来了点兴趣决定去修改Firebug的字体、大小和行间距。

第一步:找到Firebug文件,路径为C:\Users\Satrong\AppData\Roaming\Mozilla\Firefox\Profiles\hedkj0fm.default\extensions,其中Satrong为用户名,hedkj0fm.default不同的电脑应该不一样,但一定是已.default结尾。


第二步:用压缩软件打开firebug@software.joehewitt.com.xpi文件,找到两个文件,分别是:\content\firebug\firebug.css 和 \skin\classic\console.css,firebug.css文件是控制Firebug的界面字体(即菜单字体),console.css文件是控制Firebug显示页面的代码字体、右边的样式字体、控制台字体等;


第三步:分别打开上面所说的两个css文件,在首行添加如下代码:

*{font-family:Consolas!important;}

保存(可以设置自己喜欢的字体),然后压缩软件会有如下提示:


点击确定即可,最后重启浏览器再打开Firebug即可看到变化。


在修改console.css文件时还可以修改字体的大小、行间距,如:

*{font-family:Consolas!important; font-size:12px; line-height:1.4;}