app like that
FontViz
FontViz

FontViz is a browser extension for web designers, QA teams, and developers to streamline font validation. It offers features like one-click font inspection, side-by-side font comparison, visual text highlighting, font metrics analysis, SEO-friendly tag analysis, and cross-browser compatibility. It also provides highlighted screenshots and regular updates for optimal performance.

Features

One-Click Font Inspection

Instantly identify and inspect font sizes, families, and HTML tags used on any web page with a single click.

Visual Text Highlighting

Highlight font elements that adhere to specific settings to easily distinguish them on the web page.

Side-by-Side Font Comparison

Compare font styles, weights, and sizes side-by-side to spot discrepancies or inconsistencies quickly.

Font Metrics Analysis

Gain detailed insights into character widths, line heights, and kerning values for optimal typography.

SEO-Friendly Tag Analysis

Segregate textual content based on HTML element tags to validate proper usage for optimal SEO and accessibility.

Cross-Browser Compatibility

Validate font rendering on multiple browsers like Arc, Brave, Chrome, Edge, Firefox, Opera, and Safari.

Highlighted Screenshots

Capture highlighted screenshots of web pages to document and share font-related issues or design decisions with your team.

Regular Updates

Receive regular updates that introduce new features, bug fixes, and improvements for compatibility and performance.

Simplified search bar

Allows you to identify specific fonts based on text, layers, or attributes.

Filter for your fonts

View all fonts in a Figma file based on attributes like font family, size, weight, style, and height.

Highlight fonts with a click

Highlights the selected text, making it easier to locate specific fonts in a sea of text.

Support for custom fonts

Validates custom fonts installed in Figma files with an industry-first feature.

Inspect a layer or the canvas

Allows inspection of one or several layers, or the entire canvas, in Figma files.

Regular updates

Continuously updated with user-requested features and improvements.

Forever free, no sign-ups

The tool is free to use with no registration required.

One-Click Font Inspection

Instantly identify and inspect all font sizes, families, and HTML tags on a web page with a single click.

Visual Text Highlighting

Easily distinguish text elements that adhere to specific font settings by highlighting them.

Side-by-Side Font Comparison

Compare font styles, weights, and sizes side-by-side to quickly spot discrepancies or inconsistencies.

Font Metrics Analysis

Gain detailed insights into font metrics, including character widths, line heights, and kerning values.

SEO-Friendly Tag Analysis

Segregate textual content based on HTML element tags to validate proper usage for optimal SEO and accessibility.

Cross-Browser Compatibility

Validate text rendering on Arc, Brave, Chrome, Edge, Firefox, Opera & Safari.

Highlighted Screenshots

Capture highlighted screenshots of web pages to document and share font-related issues or design decisions.

Regular Updates

Benefit from regular updates that introduce new features, bug fixes, and compatibility improvements.