Qual fonte é usada pelo Google Chrome em sua interface de usuário?

Question

Gostaria de saber o nome da fonte usada pelo Google Chrome em sua interface de usuário, não em suas páginas da Web.

Isso é algumas partes que usam a fonte que eu gostaria de saber o nome:

    

Answer 1

Uma das melhores coisas do Chrome é que tudo é feito com HTML / JavaScript, então você pode usar as ferramentas do desenvolvedor no Chrome para descobrir.

Infelizmente, você não pode usar as ferramentas do desenvolvedor, mas supondo que a página de configurações use a mesma fonte (como parece), basta clicar com o botão direito em qualquer lugar nas configurações e selecionar "Inspecionar elemento". e, em seguida, observe o CSS aplicado ao elemento para ver qual fonte está sendo usada. No meu navegador, a fonte usada é UI do Segoe .

    

Answer 2

O Google Chrome usa uma folha de estilo para definir tudo no Painel de ferramentas do desenvolvedor.

Esta folha de estilo está localizada:

• Mac: ~ / Biblioteca / Suporte a aplicativos / Google / Chrome / Padrão / User StyleSheets /
• PC: \ AppData \ Local \ Google \ Chrome \ Dados do usuário \ Padrão \ User StyleSheets \ Custom.css
• Ubuntu: ~ / .config / google-chrome / Default / User StyleSheets

Em uma nota lateral, eu adoro personalizar isso para que as ferramentas dev tenham o mesmo tema do meu IDE, terminal / console etc. Existem muitas folhas de estilo já configuradas usando alguns de seus esquemas de cores favoritos.

Aqui está um par:

• Amanhã Tema
• Tema Monokai

Confira Dev Themez para uma enorme coleção.