Easily identify text properties on web pages with Font Picker.
Font Picker Extension
Easily identify text properties on web pages with Font Picker — a powerful tool for designers and developers. Get detailed font information, including size, color, letter spacing, tracking, and font-family, on click and hover over text. Streamline your design workflow by quickly accessing all the font details you need without inspecting the code. Whether you're designing a website or just curious about the fonts used on your favorite sites, Font Picker makes it simple and efficient. Improve your productivity and creativity with this indispensable extension for Chrome.
Read more
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Font Picker", "version": "1.0.0", "description": "Easily identify text properties on web pages with Font Picker.", "action": { "default_icon": { "16": "./assets/extension_icon/logo.png", "48": "./assets/extension_icon/logo.png", "128": "./assets/extension_icon/logo.png" } }, "options_ui": { "page": "./src/scripts/options/options.html", "open_in_tab": true }, "background": { "service_worker": "./js/background.js" }, "browser_action": { "default_icon": "./assets/extension_icon/logo.png" }, "icons": { "16": "./assets/extension_icon/logo.png", "48": "./assets/extension_icon/logo.png", "128": "./assets/extension_icon/logo.png" }, "permissions": [], "content_scripts": [ { "matches": [ "" ], "js": [ "./js/content.js" ] } ], "commands": { "refresh_extension": { "suggested_key": { "default": "Ctrl+Space" }, "description": "Refresh Extension" } }, "web_accessible_resources": [ { "matches": [ "https://*/*", "http://*/*" ], "resources": [ "dist/js/background.js", "dist/js/index.js", "dist/js/onInstalled.js", "dist/js/options.js", "dist/js/popup.js", "dist/js/service-worker.js" ] } ]}
Read more