Ask Different is a question and answer site for power users of Apple hardware and software. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Does anyone know how to change the font size in Safari's Web Inspector? It's too small for me and my eyes can't stand staring at it during long periods of time.

I've found some links on the web concerning my question but they don't seem to work either:


I'll switch back to Chrome and use its own Web Inspector if there aren't any solutions available.

share|improve this question

For Mountain Lion (10.8.x), I found the file name is actually Main.css and on my system it is located in:


Add the following text to the end of this file and save it. Essentially, this is the same text as in the other answer in this thread, but without the line breaks.

body, #console-messages{font-size:18px;}

You will need to restart your Safari after you make this change, before it will take effect.

Tip: To quickly open the folder where Main.css is located...

  1. Select the path
  2. Right-click on the selected path and then from the popup menu choose: Services -> Open.
  3. This will open the folder for you.
share|improve this answer
Didn't work for me. Is there possibly less hacky way? – Dmitri Zaitsev Dec 22 '13 at 8:08
Not that I know of. Actually, I have switched to Chrome for my web development. In Chrome you can just press Cmd+/- to adjust the console and development environment font size and I no longer have out-of-memory problems, which I did with Safari. – Paul Bastowski Dec 27 '13 at 17:13

Thanks for the answers above. As an update, in Mavericks 10.9, the file is still Main.css and can now be found at the following path: /System/Library/PrivateFrameworks/WebInspectorUI.framework/Versions/A/Resources

share|improve this answer
Rather than thanking for other answers in your answer you may comment or preferably, use your votes and upvote the answer you like. – Deesbek Nov 24 '13 at 3:49

At the end of inspector.css add the font size and style.

The file is located in /System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Versions/A/Resources/inspector

(for Safari on Windows the file located at: C:\Program Files (x86)\Safari\Apple Application Support\WebKit.resources\inspector\inspector.css )

An example:

body, #console-messages{
share|improve this answer
There is no file inspector.css in that directory :( – Dmitri Zaitsev Dec 22 '13 at 7:59

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.