-
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
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
Updated according to @jgentil words.