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.
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ɔ.
A jɔra sɛbɛnni ɲɛnamaw kama
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.
Read line height, letter spacing, transform, decoration, and contrast (including AAA/AA cues) in one panel.
Copy the font family, color, or a ready CSS snippet for the element you inspected.
Tweak weight, size, spacing, color, and more on the live element, then reset when you are done exploring.
Scan unique text styles across the page and jump between them when auditing a design system.
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
A Chrome extension that reveals live typography—typeface, size, weight, color, and contrast—so you can inspect, copy, and export fonts from any webpage.
Chrome ka ɛntɛrinɛti feereyɔrɔ
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.”
“Copy CSS and contrast in one panel is exactly what I need during audits.”
“All fonts on page helps me spot inconsistent type across a landing page fast.”
Taabolo teliya saba
Add what the font - font finder from the Chrome Web Store and pin it to the toolbar.
Open the popup, start inspecting, then hover and click any text on the page.
Copy CSS, export styles, open Google Fonts, or browse all fonts on the page.
Jaabiw sanni i ka installer (dadon).
Install what the font - font finder, start inspecting, hover the text, and click to open the panel with family, size, weight, and color.
Yes. From the panel you can copy the font family, color, or a CSS snippet for the inspected element.
It works on regular website tabs. Chrome system pages and some restricted URLs cannot be inspected.
Use All fonts on page to list unique visible text styles and open any of them in the detail panel.
Yes. Edit weight, size, spacing, color, and related styles on the element, then reset to restore the original.
When the family looks searchable, use the Google Fonts action in the panel to open a query for that name.