-
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.
Last active
December 10, 2023 09:10
-
-
Save vbsessa/6150f39d1e92699e9c2f49e58fcbcc03 to your computer and use it in GitHub Desktop.
How to customize Firefox devtools fonts
Updated according to @jgentil words.
I recommend perusing this link if you're having troubles:
https://www.userchrome.org/how-create-userchrome-css.html
And as @jgentil said, replace userChrome.css
with userContent.css
for devtools customization.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Works fine but you have to put it in
userContent.css
and NOTuserChrome.css
as devtools are considered content panes.