What is FontDetector?

FontDetector is a Chrome extension developed by islandgision, and its main feature is "Display font information on hover over text elements.".

Extension Screenshots

Download FontDetector Extension CRX File

Download FontDetector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Run plugin:
- win: Shift + Alt + X
- mac: Shift + Alt + X

Close plugin:
- win: ESC
- mac: ESC

————— Divider ——————

FontDetector is a tool powered by myself and GPT-4, designed to help you view web fonts by hovering text. You can easily explore your favorite font families, weights, sizes, letter spacing, line heights, and text alignments.

Hover, detect. As easy as 1-2. An essential tool for any web designer or front-end developer.

————— Divider ——————

1.1.8
feat: Updated shortcut keys for activating FontDetector, Now you could use
- win: Shift + Alt + X
- mac: Shift + Alt + X

1.1.7
feat: Updated shortcut keys for activating FontDetector, Now you could use
- win: Ctrl + Shift + Z
- mac: Command + Shift + Z

1.1.6
fixed: Gray out the fonts on the website when the plugin is activated

1.1.5
fixed: Body was injected into 18px padding

1.1.4
feat: Removed tabs permissions

Extension Basic Information

Name	FontDetector
ID	jphgedmdokkhlllaibcbndaccmdcckfe
Official URL	https://chromewebstore.google.com/detail/fontdetector/jphgedmdokkhlllaibcbndaccmdcckfe
Description	Display font information on hover over text elements.
File Size	889 KB
Installation Count	192
Current Version	1.1.8
Last Updated	2023-12-01
Publish Date	2023-04-18
Rating	5.00/5 Total 1 Ratings
Developer	islandgision
Email	[email protected]
Payment Type	free
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "FontDetector", "version": "1.1.8", "description": "Display font information on hover over text elements.", "permissions": [ "activeTab" ], "background": { "service_worker": "background.js" }, "action": { "default_icon": "icon.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "contentScript.js" ], "all_frames": true } ], "icons": { "128": "icon.png" }, "commands": { "toggle_font_detector": { "suggested_key": { "default": "Shift+Alt+X", "mac": "Shift+Alt+X" }, "description": "Toggle font detector" } } }