Skip to content
install

TWO BUILDS9 browsers

Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome build

tool · one of 34free, no counter

Fonts

What would this page look like in a different typeface?

Choosing a typeface from a specimen is choosing it against a pangram at 72px, which tells you almost nothing about how it sets at 15px in a paragraph on this page. This lists what the page is using - ranked by how much of it there is - and then puts a candidate onto the live document so the decision is made against real copy.

Reach itPress ⌘+K on any tab and type fonts.Ctrl+Kon Windows and Linux

Tries a different typeface on a page you did not build
readscomputed styles across the document
writesa style override, removed when cleared
sendsnothing
ranksfamilies by how much text uses them
metricsan empty value means "leave it alone"
scopea selector you choose, defaulting to the body
planfree
Add LoupeKit- opens the list of browsers it can be installed in

TWO BUILDS9 browsers

Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome build

in the panel · free, no counter

section#about

What this actually is

While choosing a face, and when auditing a site that has quietly accumulated six of them. The ranking is the useful half there: a family used on one label is a different problem from one used on every heading.

section#asked

Asked about this tool

Can I try a font that is not installed?

Only if the page can already load it. The override writes a family name into a declaration; it never fetches a font file, because a remote font URL from an extension is a request the page never made.

Why does an empty metric field not mean zero?

Because zero is a value and "leave it alone" is not. A blank letter-spacing keeps whatever the page has, which is what you want while changing only the family.

What happens to my override on reload?

It goes. Every edit here is ephemeral by contract - applied to the live DOM, never persisted, never transmitted.

Is this the same as Font loading?

No. This one is about choosing a face. *Font loading* is a diagnostic about which declared faces actually arrived, and *Font faces* lists the `@font-face` rules themselves.

Add LoupeKit- opens the list of browsers it can be installed in

TWO BUILDS9 browsers

Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome build

63 of these · no host permissions · three free audits