Super User is a question and answer site for computer enthusiasts and power users. 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

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

share|improve this question
up vote 2 down vote accepted

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.

share|improve this answer
...which is the default font in the Windows GUI since Windows Vista, IIRC. – Andreas Rejbrand Jan 16 '14 at 0:52

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.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .