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.
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.
- Install via the Chrome Store
- Build by running
npm run prod:build
, then navigate tochrome:https://extensions
, enable developer mode, and add thedist/
directory as an unpacked extension.