Show Font-on-the-Fly in Chrome Dev Tools

[mikey_w]

In FireBug, after selecting the arrow icon and the “Computed” tab, when I hover over any text, FireBug instantly shows me the font family.

How do I do this in Chrome Developer Tools?

[ralphm]

You can find font info in the dev tools, but I recommend you try this browser extension instead: http://chengyinliu.com/whatfont.html

It’s awesomely fun to use, and give lots of great info about fonts. I use it daily.

[mikey_w]

@ralphm

You can find font info in the dev tools, but I recommend you try this browser extension instead: http://chengyinliu.com/whatfont.html

It’s awesomely fun to use, and give lots of great info about fonts. I use it daily.

I installed it in Chrome, but when I click on the icon it doesn’t change color like most activated buttons do, and I don’t see anything happening as far as what font I am hovering over.