Font Finder

by unixeco

Developer tools font inspector css developers designers typography styles web

Font Finder

by unixeco

Developer tools font inspector css developers designers typography styles web

Quick Look

Font Finder inspects and analyzes fonts on any webpage, allowing users to copy CSS styles and adjust font properties.

AI Overview

Who is this for?

Designers, developers, and typographers who need to identify and utilize font styles from web pages.

Key Features

→ Analyze font information of any element.
→ Copy CSS styles and font details to the clipboard.
→ Adjust font properties like color, size, and family inline.
→ View detailed font attributes including font family, size, weight, and color (RGB/HEX).

Reviews Analysis

Overall Sentiment

Mostly Positive

Users find Font Finder to be a useful and easy-to-use tool for identifying and copying font information from web pages, although some minor usability issues have been noted.

Note: AI analysis focuses on the substance and recency of reviews, which may differ from the overall store rating.

What Users Love

✓ Easy to use and efficient for identifying font details.
✓ Convenient for copying CSS font properties.
✓ Helpful for designers and developers working with web typography.

Points to Consider

× Occasional issues with specific elements or context menus.
× Some users prefer more advanced customization or display options.

Official Description

From the Developer

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

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:

Analyze any font on the active page.
Copy any piece of the element's information to the clipboard
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:

Font color (RGB and HEX)
Background color (RGB and HEX)
Font family (including actually rendered font!)
Font size
Line height, vertical alignment, letter, and word spacing
Font weight, style, variant
Text transform, decoration, align and indent
Element's type, class, and ID
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.

Your extension? Let us know if we can update or correct anything!