What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
ThatPainter is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn More
The fastest way to identify a font depends on where the lettering appears: inspect the selected text in browser Developer Tools if it is live webpage text; use an image matcher if it is baked into a screenshot, logo, or other image. Treat visual matches as candidates and compare the letterforms before calling one exact.
What font is this? If the original webpage is available, inspect it rather than relying on a raster match. If all you have is an image, crop a clear line and try an image-matching tool.
First, determine whether the text is live or flattened
Try to select the lettering with your cursor.
- Selectable webpage text: inspect its element and typography in browser Developer Tools.
- Text that cannot be selected: it may be inside a screenshot, photograph, scan, poster, logo, or other image. Use an image identifier instead.
- A logo or unusual wordmark: treat automated results as candidates. The lettering may be custom-drawn or modified.
This distinction matters because the methods differ: inspect live text when the page is available; use visual matching when the text exists only in an image.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →#1 Best Overall
How to identify a font on a webpage with Developer Tools
Developer Tools lets you inspect styles applied to a particular element and, where available, the browser’s rendered-font details.
- Right-click the specific text and choose Inspect or Inspect Element.
- Confirm that the selected element contains the text you want to identify. Headings, navigation, captions, and body text may use different typefaces.
- Open the Computed styles panel and locate
font-family, along with weight and style. - Check the browser’s rendered-font information where available. If the page changes after loading, inspect it in the state where the text is visible.
- Compare the reported font with the visible letters; a family declaration can include fallback fonts.
Why the first name in font-family may not be the answer
A CSS declaration can list several font families in fallback order. The browser may use a later family when an earlier one is unavailable. Therefore, do not treat the first name in a family declaration as proof of the font actually rendered; check rendered-font details where available.
Quick browser-extension method
WhatFont
The Chrome Web Store listing describes WhatFont as a browser extension that shows typography information when you hover over webpage text. It can make discovery quicker, but verify its report against the page’s CSS and rendered-font details. It is intended for live webpage text, not lettering found only in an image.
How to identify a font in an image
For a screenshot, scan, photograph, package, poster, or flattened design, crop a clear line of lettering and submit it to an image matcher. These tools suggest candidates based on visible shapes; they do not prove which font the creator used.
Free tools Windows power users keep installed
One-click scans. No signup required.
1. Adobe Fonts Visual Search
Upload an image, select a single line of text, and review candidate fonts from Adobe Fonts. Adobe’s help documentation instructs users to “Select a single line of text from the image and select Next Step.”
2. MyFonts WhatTheFont
WhatTheFont accepts JPG and PNG images. MyFonts lists a 5 MB maximum and a minimum image size of 50 × 50 pixels, and says the tool detects Latin text but not Japanese and other CJK scripts. Its guidance also calls for clearly visible characters that do not overlap.
MyFonts says WhatTheFont searches a collection of “over 233,000 font styles.” This is the vendor’s collection-size claim, not an independent measure of accuracy or coverage.
3. Adobe Illustrator Retype
Illustrator’s Retype can suggest matches for text in images or outlined artwork, searching Adobe Fonts or a local font library. It is an option for readers already working in Illustrator, rather than a necessary purchase for quick identification.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problemsRank #3
- Vault Editions The Sign Painter and Lettering Artists Reference Book
How to prepare an image for better results
- Crop one clear line: keep the letters visible and avoid overlapping text.
- Keep it horizontal: straighten tilted text where possible.
- Use the clearest source: select a sample with distinct, readable letter shapes.
- Separate typefaces: crop headings and body text separately if the design mixes fonts.
- Try another sample if needed: compare more than one clear line when available.
Image quality and writing system can limit results. For example, MyFonts says WhatTheFont detects Latin text but not Japanese and other CJK scripts.
How to verify a font match
Compare candidates with several distinctive glyphs rather than relying on one generic letter. If the original webpage is accessible, use its live text and rendered-font information to verify a likely answer.
| Method | Best input | What it provides | Key limitation |
|---|---|---|---|
| Browser Developer Tools | Selectable webpage text | Font declarations and, where available, rendered-font details | Declarations may include fallbacks; inspect the correct element. |
| WhatFont | Selectable webpage text | Hover-based typography information, as described in its Chrome Web Store listing | Verify its report against browser inspection details. |
| Adobe Fonts Visual Search | Image or screenshot | Suggested font candidates after selecting a text line | Requires an image upload and line selection. |
| MyFonts WhatTheFont | JPG or PNG image of text | Candidate matches | Published limits include image size, visibility, non-overlapping characters, and script support. |
| Adobe Illustrator Retype | Image or outlined text in Illustrator | Suggested matches from Adobe Fonts or a local font library | Requires Illustrator. |
Describe your result carefully:
- Exact identification: supported by the page’s rendered-font information, source files, font metadata, or creator confirmation.
- Strong match: several distinctive glyphs and available evidence point to the same family and style.
- Similar alternative: a visual matcher suggests a close candidate, but the original is not confirmed.
Special cases that fool font identifiers
Custom logos and wordmarks
A logo may be custom-drawn or modified from a font. Treat a visual match as a candidate unless the source or creator confirms it.
Outlined artwork
When text is available only as image pixels or outlined artwork, a matcher can suggest candidates but may not establish the original typeface.
Different scripts and difficult samples
Text visibility, overlapping characters, and script support can affect results. Check the tool’s stated constraints and do not treat a weak match as a definitive answer.
Mixed-font designs
Headlines, labels, captions, and body copy may use different families. Identify each region separately rather than treating the whole design as one sample.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Identification is not permission to use the font
Finding a likely font name does not itself establish permission to use it. Before using a typeface in a design or publication, check the current terms from its foundry, marketplace, or font service.
Frequently Asked Questions
How do I find out what font a website uses?
Right-click the specific text, choose Inspect, and check its computed typography and rendered-font details where available. Make sure you inspect the exact text element you care about.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minuteWhat is the best way to identify a font from a screenshot?
Crop one clear, horizontal line and try an image matcher such as Adobe Fonts Visual Search or MyFonts WhatTheFont. Compare the suggested letterforms and treat the result as a candidate.
Why does the font-family name not always tell me what was rendered?
A CSS family declaration can list fallback choices. The browser may render text using a later family, so check rendered-font information where available.
Can an image matcher identify any font?
No. Results depend on the clarity and visibility of the sample and the tool’s script support. MyFonts says WhatTheFont detects Latin text but not Japanese and other CJK scripts.
Can I use a font because an identifier found it?
No. Identification and permission are separate. Check the current license terms from the legitimate font source before using it.
The Bottom Line
If the lettering is live webpage text, inspect its element and rendered-font details in Developer Tools. If it is in an image, submit a clear line to an image matcher, then compare distinctive glyphs and report the result as a candidate unless the original is confirmed.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
