Chrome farankan fu — sɛbɛnnibolow sɛgɛsɛgɛ ɲɛ o ɲɛ kan

what the font - font finder

I ka sɛbɛnnikɛcogo ni CSS sɛbɛnnikɛcogo dɔn ɛntɛrinɛti yɔrɔ o yɔrɔ la—denbaya, bonya, girinya, layini janya, lɛtɛrɛw ni ɲɔgɔn cɛ, u kulɛri ani u danfara—o kɔfɛ, i mago bɛ fɛn minnu na, i ka olu kopi kɛ walima k’u bila jamana wɛrɛw la k’a sɔrɔ i ma bɔ tab kɔnɔ.

what the font - font finder Chrome extension promo Ka sigi
0 baarakɛlaw 0

A jɔra sɛbɛnni ɲɛnamaw kama

Suguya

Aw bɛ sɛbɛnnibolow sɛgɛsɛgɛ ɲɛ o ɲɛ kan

I bolo digi sɛbɛnni kan k’a digi walasa ka sɛbɛnnibolo ɲɛnama, a bonya, a girinya, a cogoya ani a kulɛri ye—fɛn kɛrɛfɛ walima kɛrɛfɛyɔrɔ dɔ kɔnɔ—k’a sɔrɔ i ma DevTools da wuli.

Typography (Typographie) bɛ kunnafoni fitininw di minnu nafa ka bon

Read line height, letter spacing, transform, decoration, and contrast (including AAA/AA cues) in one panel.

Copy CSS in one click

Copy the font family, color, or a ready CSS snippet for the element you inspected.

Edit styles on the page

Tweak weight, size, spacing, color, and more on the live element, then reset when you are done exploring.

All fonts on the page

Scan unique text styles across the page and jump between them when auditing a design system.

Export and Google Fonts

Export typography as SCSS or JSON, or open a Google Fonts search for the family you found.

A ka nɔgɔn ka kɛɲɛ ni a dilanni ye

Anw ko la

A Chrome extension that reveals live typography—typeface, size, weight, color, and contrast—so you can inspect, copy, and export fonts from any webpage.

Published usage total
Verified review count

Chrome ka ɛntɛrinɛti feereyɔrɔ

Baarakɛlaw ka ko la

Illustrative feedback placeholders — Chrome Web Store reviews will replace these when connected.

★★★★★
“I can grab family, weight, and hex color from a live site without opening DevTools.”
designer
★★★★★
“Copy CSS and contrast in one panel is exactly what I need during audits.”
frontend
★★★★★
“All fonts on page helps me spot inconsistent type across a landing page fast.”
content

Taabolo teliya saba

Baara kɛcogo

  1. Install the extension

    Add what the font - font finder from the Chrome Web Store and pin it to the toolbar.

  2. Start inspecting

    Open the popup, start inspecting, then hover and click any text on the page.

  3. Copy or export

    Copy CSS, export styles, open Google Fonts, or browse all fonts on the page.

Jaabiw sanni i ka installer (dadon).

Ɲininkaliw

How do I identify a font on a website?

Install what the font - font finder, start inspecting, hover the text, and click to open the panel with family, size, weight, and color.

Can I copy the CSS for the type I see?

Yes. From the panel you can copy the font family, color, or a CSS snippet for the inspected element.

Does it work on every page?

It works on regular website tabs. Chrome system pages and some restricted URLs cannot be inspected.

Can I see all fonts used on a page?

Use All fonts on page to list unique visible text styles and open any of them in the detail panel.

Can I change the look while inspecting?

Yes. Edit weight, size, spacing, color, and related styles on the element, then reset to restore the original.

Where do I open Google Fonts from?

When the family looks searchable, use the Google Fonts action in the panel to open a query for that name.