firefoxfont-sizefirefox-developer-tools

Increase code font size in firefox developer tool

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.

Solution

  • 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:

    firefox

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