Lucida Grande and the Web Inspector

I love the new functionality in the WebKit Nightly builds. The nightlies are a great platform – very fast, usually pretty reliable, and super-CSS3-compatible.

However, recently the typeface used in the nightly web inspector has changed from Lucida Grande to Menlo. I understand the change, and that Menlo is a monospace font – but I just can’t help thinking Menlo’s kinda ugly for this.

However, I’ve figured out how to change it back. Now my web inspector looks like this:

Much nicer! If you want to do the same, here’s what you have to do.

Open up the file /Applications/WebKit.app/Contents/Frameworks/10.6/WebCore.framework/Versions/A/Resources/inspector/inspector.css as an administrator, and add this to the end of the file:

Yay!

Edit: Now that Safari 5 has launched, the file to append to is /System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Versions/A/Resources/inspector/inspector.css

Comments (2)

If you want to just change this in Chrome, you can use /Applications/Google\ Chrome.app/Contents/Versions/<Current Version>/Google\ Chrome\ Framework.framework/Resources/inspector/inspector.css.

Aninnovativeweb_n Sam Bowler (@aninnovativeweb)
over 2 years ago

Thanks Sam! :)

Elliottkember_n Elliott Kember (@elliottkember)
over 2 years ago