So you're browsing the web and you find a site that uses a font you don't remember seeing before. A great font that you'd like to use for the client website that you're working on right now. You know, of course, that you can go to your browser's web tools and check the page source, but it takes an age to find the right resource. If only there were a quicker method.
There is!

There are dozens of extensions available for Safari, Chrome and Firefox and one of them is useful for identifying fonts quickly – FontFace Ninja. Once you've installed the extension, you can hover over any text on a website and font details will immediately be disclosed.

The details include the Font Name and Weight, the Font size, the Line Spacing and even the Letter Spacing.
If you click the font, you can even add your own sample text to FontFace Ninja and see if it's really suitable for your site, while at the same time the extension will search for the font provider and price. Clicking Mask will hide all images from the webpage, allowing you to view the font on its own, without any background or other disturbing, surrounding elements.

Make sure you have FontFace Ninja installed the next time you find a cool font online.
And no, we are not affiliated – sadly.