webtoolshelper
Website Tools

Website Font Detector

Find out which fonts a site uses and how it loads them. The detector reads the page’s inline CSS and up to eight stylesheets, ranks the font families by how often they are declared, lists every @font-face file with its weight, style, format and font-display setting, and recognises Google Fonts and Adobe Fonts. It checks the things that affect speed and visibility: WOFF2 files, font-display: swap, the number of font files and preloading.

  • Encrypted connection
  • No sign-up
  • Free to use
Analyse pasted HTML instead

How to use Website Font Detector

  1. Enter a page address (or paste HTML).
  2. Click “Detect fonts”.
  3. Read the main font and families.
  4. Review the loading checks.

Website Font Detector features

Font ranking

By declarations.

@font-face details

Weight, style, format.

Font services

Google Fonts, Adobe Fonts.

Loading checks

WOFF2, swap, preload.

Paste mode

Analyse HTML you paste, e.g. from a staging site.

Safe fetching

Public addresses only, with size and time limits.

When to use Website Font Detector

  • Identifying a font you like.
  • Checking font performance.
  • Brand consistency reviews.
  • Planning a redesign.

Website Font Detector FAQ

Can it identify fonts in images?

No, only fonts declared in CSS.

Why does it list “-apple-system”?

System font stacks use the operating system’s font; they cost no download.

Can I use the fonts I find?

Only with a licence; many are free (Google Fonts), others are paid.

What is font-display: swap?

It shows text in a fallback font until the web font has loaded, instead of hiding it.

Website CSS Extractor Collect the CSS behind a page. The extractor lists the linked stylesheets with… Website Color Analyzer Get the colours a website really uses. The analyzer reads the inline CSS and up to… CSS Font Pair Generator Choose from twenty tested heading and body font combinations, grouped by mood from… Core Web Vitals Checker See how real visitors experience your page. Enter a URL and choose mobile or…

Fonts and performance

Each weight and style of a web font is a separate download. Using fewer weights, WOFF2 and swap keeps text visible and pages fast.

Variable fonts combine many weights in one file.

How it works: our server downloads the page once through a guarded fetcher that only connects to public addresses, follows a limited number of redirects and stops after a size and time limit. The HTML is then analysed in your browser as inert text – scripts on the page never run and nothing is stored.

What it cannot see: content and resources that a page adds with JavaScript after it loads, pages behind a login, and servers that block automated requests. For those, open the page in your browser, use its developer tools, or paste the page source where the tool offers a paste option.

Use the results as a starting point: fix the items marked red first, review the yellow warnings in context, and run the check again after a change. Requests are rate-limited to keep the service fair; if you check many pages in a row, wait a few minutes.

Related checks on this site cover the rest of a technical review – speed and Core Web Vitals, security headers, structured data, accessibility and SEO signals – so you can work through a whole site audit one topic at a time.

Who it is for: site owners checking their own pages, developers debugging a release, SEO and marketing teams auditing clients or competitors, and students learning how the web works. No account or installation is needed, and the results are plain text and tables you can copy into a report or ticket.

Other useful tools