Display font information on hover over text elements.

Latest Version

Version
1.1.8
Update
December 1, 2023
Size
889KiB
Developer
Category
Users
401
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

FontDetector Extension

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
Read more

Source 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" } }}
Read more

Similar Extensions

icon

Dead Simple Twitter/X Search Extension · Social & Communication 401 0 ★ 297KiB

icon

SalesPrompter | ChatGPT™ for LinkedIn™ Extension · Productivity 401 6 ★ 118KiB

icon

Twine by SwiftGG Extension · Developer Tools 401 5 ★ 1.3MiB

icon

Anyway.Tab Extension · News & Weather 401 7 ★ 68.98KiB

icon

Midpage | AI overlays for case law Extension · Productivity 401 6 ★ 1.7MiB

icon

Inspecta - validate design implementation Extension · Developer Tools 401 3 ★ 420KiB

icon

Cubox Extension · Productivity 401 86 ★ 5.63MiB

icon

Font Detector Extension · Developer Tools 401 178 ★ 1017KiB

icon

GPT Code Reviewer Extension · Developer Tools 401 1 ★ 24.95KiB

icon

Detect Font Extension · Developer Tools 401 1 ★ 12.29KiB

icon

Markflow: Copy Elements to Figma, React, etc. Extension · Developer Tools 401 4 ★ 1.6MiB

icon

Font Detector Extension · Developer Tools 401 5 ★ 259KiB

icon

GitHub TOC Sidebar Extension · Accessibility 401 4 ★ 9.74KiB

icon

Font Finder & Style Detector Extension · Productivity 401 47 ★ 18.94KiB

icon

Motion DevTools Extension · Developer Tools 401 8 ★ 788KiB

icon

Better YouTube Summary Extension · Productivity 401 9 ★ 292KiB

icon

YouMind - Ask and save anything for creation Extension · Productivity 401 0 ★ 2.73MiB

icon

fubukicss-tool Extension · Developer Tools 401 13 ★ 165KiB

icon

Font Inspector Extension · Developer Tools 401 7 ★ 30.26KiB

icon

Scouter - Language Learning Extension · Productivity 401 9 ★ 3.71MiB

icon

Analytics & Ad Blocker Extension · Accessibility 401 9 ★ 124KiB

icon

Little Star - Github Stars Manager Extension · Developer Tools 401 15 ★ 1.45MiB

icon

FontViz: Inspect fonts with ease Extension · Developer Tools 401 53 ★ 923KiB

icon

ChatGPT for Google Colab Extension · Developer Tools 401 9 ★ 212KiB

User reviews

icon

曹铮 (ID: 0000008dc06fb335) Voted 5 ★ - Updated 09/12/2023 I really admire it! I believe any UX/UI designer must possess it.