Designer

FONT INSPECTOR

Inspect web fonts, preview typography styles, test font pairings, and generate clean CSS typography rules.

The quick brown fox jumps over the lazy dog
Typography Controls
Font Size28px
Font Weight600
Line Height1.4
Letter Spacing0px
font-family: Inter, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0px;
color: #1F2937;

HOW TO USE FONT

01

Step 1

Type your custom sample text in the test sentence input.

02

Step 2

Choose a font family, adjust font size, weight, line-height, and letter spacing sliders.

03

Step 3

Click Copy CSS to instantly copy exact typography CSS to your clipboard.

04

Step 4

Install the Nemon Tools Chrome Extension to hover and inspect fonts on any live website!

FREQUENTLY ASKED QUESTIONS

How do I inspect fonts on an external website?

Install our free Nemon Tools Chrome Extension. Open the Font Inspector tool inside the extension and click 'Inspect Fonts on Active Tab' to hover over any web text and see its font name, size, weight, and colors.

Are these Google Fonts free to use?

Yes, all Google Fonts included in the preview are 100% free and open-source for personal and commercial web projects.

RELATED TOOLS

Explore All

Color Picker

Visual color picker for web design.

CSS Button Generator

Design custom CSS buttons.