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

Similar Extensions

icon

Font Finder Extension · Productivity 300,000+ 261 ★ 540KiB

icon

FontScanner - Scan for font family names Extension · Developer Tools 300,000+ 9 ★ 47.22KiB

icon

Fonts Ninja Extension · Productivity 300,000+ 696 ★ 1.72MiB

icon

Fontpair Extension · Productivity 300,000+ 4 ★ 445KiB

icon

Font Finder Extension · Developer Tools 300,000+ 7 ★ 82.12KiB

icon

What Font - font finder Extension · Productivity 300,000+ 249 ★ 161KiB

icon

Which Font Is This? Extension · Developer Tools 300,000+ 11 ★ 549KiB

icon

Font Finder for Google Chrome™ Extension · Productivity 300,000+ 45 ★ 537KiB

icon

CSS Peeper Extension · Developer Tools 300,000+ 363 ★ 279KiB

icon

ColorPick Eyedropper Extension · Developer Tools 300,000+ 1229 ★ 1.58MiB

icon

Font Picker Extension · Developer Tools 300,000+ 57 ★ 358KiB

icon

fonts infos Extension · Developer Tools 300,000+ 23 ★ 103KiB

icon

ColorZilla Extension · Developer Tools 300,000+ 3845 ★ 410KiB

icon

Font Inspector Extension · Developer Tools 300,000+ 7 ★ 30.26KiB

icon

LinkedNotes Extension · Social & Communication 300,000+ 329 ★ 110KiB

icon

Font Finder by WhatFont Extension · Productivity 300,000+ 7 ★ 35.68KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 300,000+ 118 ★ 194KiB

icon

Font Identifier by WhatFontIs Extension · Developer Tools 300,000+ 28 ★ 280KiB

icon

WordPress Theme Detector and Plugins Detector Extension · Productivity 300,000+ 274 ★ 55.11KiB

icon

Page Ruler Extension · Productivity 300,000+ 83 ★ 256KiB

icon

WordPress Theme Detector and Plugin Detector Extension · Developer Tools 300,000+ 53 ★ 95.02KiB

icon

Dimensions Extension · Developer Tools 300,000+ 454 ★ 17.28KiB

icon

What Font - find font Extension · Accessibility 300,000+ 93 ★ 141KiB

icon

WhatFont Extension · Developer Tools 300,000+ 2007 ★ 741KiB

User reviews

icon

Alexander (ID: 000000dd0c8301d5) Voted 5 ★ - Updated 05/09/2024 One of the best and most useful extensions!

icon

Manon Desrosiers (ID: 0000001e518c9ee3) Voted 5 ★ - Updated 04/12/2024 This is a great extension. Very useful. I used for testing several projects with excellent results.

icon

craig Igster101 (Igster101) (ID: 0000009b96632fa9) Voted 3 ★ - Updated 02/15/2024 Keeps saying every font on fb is Segoe.

icon

Shoaib Mumtaz (ID: 0000004f36dca148) Voted 5 ★ - Updated 01/01/2024 Awesome <3

icon

Ansh Rao (ID: 0000000ce9483dc3) Voted 5 ★ - Updated 12/28/2023 Love it