What Is a Font Identifier?
A font identifier takes a picture of some text and tells you which typeface it is set in. This one compares your image against a fixed library of 50 popular Google Fonts families (sans serif, serif, slab, monospace and display), so it answers a narrower question than the name suggests: which of these 50 families is closest?
It works by rendering instead of guessing. You type the text that appears in the image. The tool separates the letters from the background (dark-on-light and light-on-dark both work), then draws your text in every family at regular and bold weight. It lines the letters up with your image so differences in letter spacing don't matter, and compares each letter's shape one by one, along with the overall width and stroke thickness. The six closest families are then re-checked at every weight they come in. Everything runs on a canvas in your browser.
How Accurate It Is
We measured it on 184 test images of 24 families from the library, at weights 400 and 700, with two different phrases. The images were drawn by FreeType from the official font files in the google/fonts repository, a different renderer from the one the tool uses: half as dark text at 48 px on white, half as light text at 30 px on a coloured background saved as a heavily compressed JPEG. The right family came first in 176 of 184 (96%) and was in the top three in 184 of 184. When it came first, the reported weight was within one step (100 units) of the true weight in 175 of 176. The score weights were tuned on one phrase and checked on the other.
Those are clean renders, so treat them as a ceiling. Photos with blur, perspective, texture or uneven lighting were not part of the test and will do worse. Families that look alike (Inter, Figtree, DM Sans and IBM Plex Sans, for example) cause most of the mistakes; when the top two are within 3 points the tool says so. That warning appeared on 7 of the 8 wrong answers and on 19 of the 176 right ones.
How to Use This Tool
- Upload an image — Click the upload area or drop in a screenshot, photo or design export. PNG, JPG and WebP all work.
- Drag a box around one line of text — The box works with a finger on a phone. Without a box, the whole image is used, so crop out anything that isn't the text.
- Type the text exactly as shown — Same letters, same capitals, same punctuation. The tool draws this text in every font, so a typo compares the wrong letters.
- Read the ranking — Each result shows its similarity score, the closest weight, how much wider or heavier it is than your image, a link to its Google Fonts page and a Copy CSS button. The "What the matcher sees" strip shows the text after background removal.
Tips and Best Practices
- → Use high-contrast text. The tool splits ink from background with a single brightness threshold, so gradients, photos behind text and low contrast can merge the two. Check the "What the matcher sees" strip: if the letters look broken or blotchy there, the match will be too.
- → Pick a line with varied letters. Each letter is compared separately, so letters that differ a lot between fonts (a, g, R, Q, y) give the matcher more to work with than a word like "ill".
- → Narrow by category when you know it. If the text clearly has serifs or is monospaced, choosing the category removes look-alikes from other groups.
- → Check font pairings after identifying. Once you know the font, use our Font Pair Tool to find complementary typefaces for your design.
- → Build a type scale with your identified font. Feed the font name into our Typography Scale tool to generate consistent heading and body text sizes for your project.
Related tools
- Once you identify a font, verify the match by comparing metrics. The Font Metrics Inspector exposes ascent, descent, x-height, cap-height, and glyph count for any uploaded font.
Frequently Asked Questions
📖 Learn More
Related Article Font Pairing Guide: Combine Fonts Like a Pro → Related Article How to Explore & Choose Google Fonts →Built by Derek Giordano · Part of Ultimate Design Tools