English
See more
Detects font details on any webpage to find Fonr family, height and more
Latest Version
Version
1.0.1
Update
April 30, 2023
Size
9.9KiB
Developer
Category
Users
77 
Rating
1 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
See more
Font Detector Extension
Font Detective is a powerful, user-friendly browser extension that helps you discover, analyze, and preview fonts on any webpage with just a click. Explore typography like never before and quickly get font details without having to dig into the page's source code.
Key Features:
1. One-click font detection: Click the Font Detective icon to activate the font pointer. Hover over text elements on a webpage to preview the font details.
2. In-depth font analysis: Automatically extracts font details such as font family, font weight, font size, line height, font color, and font style.
3. Easy font preview: Hover over any text element to preview the font. Click on the font to display detailed information in a transparent popup.
4. Copy font details: Conveniently copy the font details to your clipboard with a single click in the font details popup.
5. Simple activation and deactivation: Enable or disable the font detection by clicking the Font Detective icon or pressing the ESC key.
How to use Font Detective:
1. Install the Font Detective extension from the Chrome Web Store.
2. Click the Font Detective icon in your browser toolbar to activate the font pointer.
3. Hover over any text element on a webpage to preview its font.
4. Click on a font to view its detailed information in a transparent popup.
5. Click the \"Copy\" button in the popup to copy the font details to your clipboard.
6. Press the ESC key or click the Font Detective icon again to disable the font detection.
Unleash your creativity and enhance your web design projects with Font Detective. Discover new fonts, analyze typography, and be inspired by the world of web design. Install Font Detective today and explore the web in a whole new way!
Read more
Key Features:
1. One-click font detection: Click the Font Detective icon to activate the font pointer. Hover over text elements on a webpage to preview the font details.
2. In-depth font analysis: Automatically extracts font details such as font family, font weight, font size, line height, font color, and font style.
3. Easy font preview: Hover over any text element to preview the font. Click on the font to display detailed information in a transparent popup.
4. Copy font details: Conveniently copy the font details to your clipboard with a single click in the font details popup.
5. Simple activation and deactivation: Enable or disable the font detection by clicking the Font Detective icon or pressing the ESC key.
How to use Font Detective:
1. Install the Font Detective extension from the Chrome Web Store.
2. Click the Font Detective icon in your browser toolbar to activate the font pointer.
3. Hover over any text element on a webpage to preview its font.
4. Click on a font to view its detailed information in a transparent popup.
5. Click the \"Copy\" button in the popup to copy the font details to your clipboard.
6. Press the ESC key or click the Font Detective icon again to disable the font detection.
Unleash your creativity and enhance your web design projects with Font Detective. Discover new fonts, analyze typography, and be inspired by the world of web design. Install Font Detective today and explore the web in a whole new way!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Font Detector", "version": "1.0.1", "description": "Detects font details on any webpage to find Fonr family, height and more", "icons": { "48": "icon.png" }, "permissions": [ "activeTab" ], "action": { "default_icon": "icon.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["*://*/*"], "js": ["content.js"] } ]}
Read more
