vbsessa/firefox-devtools.md

Last active August 31, 2024 12:59

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/vbsessa/6150f39d1e92699e9c2f49e58fcbcc03.js"></script>
Save vbsessa/6150f39d1e92699e9c2f49e58fcbcc03 to your computer and use it in GitHub Desktop.

Download ZIP

How to customize Firefox devtools fonts

Raw

firefox-devtools.md

Open ~/.mozilla/firefox/<your_profile>/chrome/userContent.css (create it if does not exist).

Paste the following content in it.

 @namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document regexp("chrome://browser/content/devtools/**/.*"){
     .devtools-monospace {
         font-family: Consolas, monospace !important;
         font-size: 8pt !important;
     }
 }

Restart Firefox.

kidzgy commented Aug 30, 2024

@-moz-document url-prefix("chrome://devtools/content"){
.devtools-monospace {
font-family: "Cascadia Mono", "Consolas", "Sarasa Gothic SC", "Microsoft Yahei UI" !important;
}
}

put it in userContent.css