Increase code font size in firefox developer tool

Question

How to increase code fonts in Firefox developer tools? I know that there is a zoom function but I want to set the font size only for the code.

Answer 1

You need to modify userChrome.css under ~/.mozilla/firefox/[profile-name]/chrome with this:

/*  Styles for Web developer tools */
@namespace url(http://www.w3.org/1999/xhtml);
.CodeMirror {
    font-family:    "Ubuntu Mono", monospace !important;
    font-size:      15pt !important;
}

The result looks like this:

This only changes the debugger and style editor. There's a different selector for the html inspector. Not sure what that is yet.