Font Inspector for
Brave.

What you get

• The font family, the font actually rendered, and a warning when a fallback is showing.
• Size in px, em and rem, weight, line height, letter spacing and colors with a contrast check.
• Every font on the page, ranked by how much text it sets.
• Copy any style as CSS, Tailwind classes or SCSS variables.
• A local library to pin, group, compare and export what you find.

New to it? Start with how to identify the font on any website.

Find a font in Brave without an extension

Brave has the same developer tools as Chrome, so you can always check a font by hand.

1. Right-click the text and choose Inspect.
2. In the Elements panel, open the Computed tab and find font-family. That is the stack the page asks for.
3. Scroll to Rendered Fonts at the bottom of the same tab. It names the font actually drawn and says whether it is a network resource or a local file.

That works well for one element. It gets slow when you want every font on a page, the values as CSS, or a record of what you found, and that is the gap the extension fills. The full walkthrough is in how to find a font with Chrome DevTools, which applies to Brave as well.

If it does not work

• Nothing happens on a page that was already open. Refresh it once. Extensions only reach pages loaded after they were installed or updated.
• The page is an internal one. Brave blocks all extensions on brave:// pages and on the Chrome Web Store. Try a normal website.
• The text is part of an image. No code inspector can read pixels. See how to identify a font from an image.
• The text sits in an embedded frame. That is fine. Font Inspector works inside iframes, as explained in how to find a font inside an iframe or embed.