https://github.com/hmarr/chrome-detect-font
🖋 Easily see which fonts are in use
https://github.com/hmarr/chrome-detect-font
Last synced: about 1 year ago
JSON representation
🖋 Easily see which fonts are in use
- Host: GitHub
- URL: https://github.com/hmarr/chrome-detect-font
- Owner: hmarr
- License: mit
- Created: 2020-04-10T22:54:05.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2024-08-30T22:48:49.000Z (almost 2 years ago)
- Last Synced: 2025-05-06T21:05:34.099Z (about 1 year ago)
- Language: TypeScript
- Size: 153 KB
- Stars: 14
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Detect fonts in Chrome
[](https://chrome.google.com/webstore/detail/mpljfgaicpdodihppfoolcididbkalce)
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](https://chrome.google.com/webstore/detail/mpljfgaicpdodihppfoolcididbkalce)
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.