Detect fonts in Chrome

Click the icon in the browser toolbar to activate font detection mode, and hover over parts of the page to reveal which font is being used. The primary font will be shown in bold, followed by the fallback fonts. It just looks at the font-family CSS property, so it's not guaranteed to be correct.

Why does this exist?

You can already discover fonts with the Chrome web inspector, but this extension makes doing so just one click away.

While there are similar extensions in the Chrome Store, they generally ask for permission to "read and change all data on the websites that you visit", whereas this extension only activates when you click the button, so doesn't require elevated permissions.

Installation options

1. Install via the Chrome Store
2. Build by running npm run prod:build, then navigate to chrome://extensions, enable developer mode, and add the dist/ directory as an unpacked extension.