Find and check the font name, its family, color, style, size used on any website.

Latest Version

Version

1.0.1

Update

December 4, 2024

Size

138KiB

Developer

What Font - find font & color Extension

With the What Font extension, you can quickly discover details such as font family, style, weight, size, line height, and color used on any website. Simply hover over the desired text, activate the WhatFont extension, and all the relevant information will be displayed on your screen.

What Font is a powerful tool that allows users to easily identify fonts on any site. By hovering over text, you can find out details like font style, size, color, and italics.

How to Use:
- Click the WhatFont icon in the top-right corner to activate the extension.
- Hover over and click on the font to view its details.
- To exit, select \"Exit WhatFont\" from the top-right of the browser.

This extension is especially valuable for designers, developers, and anyone working with typography. It offers a quick, efficient way to identify fonts on a website, which can serve as a useful reference for your own design projects. It also enhances your understanding of typography, helping you make informed font choices.

Great for any designer, the Color Picker (Eyedropper) is a Chrome extension that easily allows you to identify the Hex colour code of any UI element you hover your mouse over. It's great for quick access to colours you gain inspiration from when browsing online.

This extension stores the last six selected colors and represents the color in HEX, RGBA, HSVA, HSLA, and CMYK formats. You can press a button to copy the vcurrent color value into the clipboard.

WhatFont is an indispensable tool for identifying fonts used on websites. Its user-friendly interface makes it simple to use, and the detailed font information it provides is invaluable for both designers and developers.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_appName__", "description": "__MSG_appDesc__", "default_locale": "en", "version": "1.0.1", "permissions": [ "tabs", "activeTab", "scripting" ], "content_scripts": [ { "matches": [ "" ], "run_at": "document_end", "all_frames": true, "js": [ "content.js" ] } ], "background": { "service_worker": "background.js", "type": "module" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "host_permissions": [ "" ], "icons": { "32": "/logos/logo_32.png", "64": "/logos/logo_64.png", "128": "/logos/logo_128.png" }, "action": { "default_icon": "/logos/logo_128.png" }}

Download CRX(138KiB)