I would like to know the name of the font use by Google Chrome on its user interface, not on its web pages.

This is some parts of that uses the font I would like to know the name:

enter image description here enter image description here


One of the great things about Chrome is pretty much everything is built with HTML/JavaScript, so you can just use the developer tools in Chrome to find out.

Unfortunately you can't in with the developer tools, but assuming that the settings page uses the same font (which it looks like it does), you can just right click anywhere in the settings, and select "Inspect Element", and then look at the CSS applied to the element to see which font is being used. In my browser the font being used is Segoe UI.

| improve this answer | |
  • ...which is the default font in the Windows GUI since Windows Vista, IIRC. – Andreas Rejbrand Jan 16 '14 at 0:52
  • 1
    To inspect the Developer Tools, undock them, then hit Ctrl+Shift+I. A new instance of the Developer Tools will open to inspect the existing Developer Tools window. – EricLaw Apr 24 '18 at 17:23

Google Chrome uses a stylesheet to define everything within the Developer Tools Panel.

This stylesheet is located:

  • Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/
  • PC: \AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
  • Ubuntu: ~/.config/google-chrome/Default/User StyleSheets

On a side note, I love customizing this to have dev tools the same theme as my IDE, terminal/console etc. There are plenty of stylesheets already set up using some of your favourite colour schemes.

Here's a couple:

Check out Dev Themez for a huge collection.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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