An easy-to-use font inspector to get CSS styles of the selected element

Latest Version

Version
0.6.0
Update
November 4, 2024
Size
159KiB
Developer
Category
Users
300,000+
Rating
4.56216 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Nederlands
Türkçe
Español
Italiano
Português (Portugal)
Svenska
čeština
Ελληνικά
русский
中文 (简体)
日本語
한국어
See more
Permissions
Storage
ContextMenus
Notifications
Scripting
ActiveTab
See more

Font Finder Extension

FontFinder is created for designers, developers, and typographers. It allows a user to analyze the font information of any element and copy any pieces of that information to the clipboard. Font Finder examines all the selected characters to detect the font used to display this particular character.

FontFinder has three critical pieces of functionality:

1. Analyze any font on the active page.
2. Copy any piece of the element's information to the clipboard
3. Any active element can have any piece of the font's options (such as color, size, or family) adjusted inline

Access these options by right-clicking the context menu over the selected text or right-clicking on the page and inspecting the element.

Information Captured:
1. Font color (RGB and HEX)
2. Background color (RGB and HEX)
3. Font family (including actually rendered font!)
4. Font size
5. Line height, vertical alignment, letter, and word spacing
6. Font weight, style, variant
7. Text transform, decoration, align and indent
8. Element's type, class, and ID
9. Displays remote and local tags next to the rendered font

Tools:
Replace or change font family.
Use custom fonts.
Get the list of all fonts in the current frame.

Notes:
You can change the window opening mode to embedded mode from the right-click items over the toolbar button. This mode helps use the extension in full-screen mode.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Font Finder", "version": "0.6.0", "description": "__MSG_app_description__", "default_locale": "en", "permissions": [ "storage", "contextMenus", "notifications", "scripting", "activeTab" ], "optional_host_permissions": [ "" ], "background": { "service_worker": "worker.js" }, "action": {}, "homepage_url": "https://webextension.org/listing/font-finder.html", "icons": { "16": "/data/icons/16.png", "32": "/data/icons/32.png", "48": "/data/icons/48.png", "64": "/data/icons/64.png", "128": "/data/icons/128.png", "256": "/data/icons/256.png" }, "web_accessible_resources": [{ "resources": [ "/data/inject/AND-Regular.otf", "/data/window/index.html" ], "matches": ["*://*/*"] }], "options_ui": { "page": "/data/options/index.html", "open_in_tab": true }, "commands": { "_execute_action": {} }}
Read more