# Font finder: see the fonts on any website

Paste a website's address and get each font it loads, with its role (headings or text), its weights, where it's served from (Google Fonts, Adobe Fonts or the site itself) and a live sample. It reads websites, not images. Free, no sign-up.

Use it at https://opusmotion.com/tools/website-font-finder.

## How to use it

1. Paste the website's address, like stripe.com, or tap one of the examples.
2. The tool reads the page and its stylesheets and follows the CSS to its headings and paragraphs, the way a browser does.
3. See each font with its role, the weights the site loads, where the files come from and a sample in the font itself. Copy the CSS if you need it.
4. Make a lower third or a launch video with that brand.

## Questions

### How do I find out what font a website uses?

Paste its address here. The tool reads the page's HTML and stylesheets, works out which font its headings and its paragraphs get, and lists every web font the page loads with its weights and where it comes from. In a browser you can also inspect a heading and read its font-family in the developer tools.

### Can it identify a font from an image or a screenshot?

No. It reads websites: the fonts a page declares in its CSS, with their real names. To name a font in a picture you need a font identifier that compares letter shapes, which can only suggest similar fonts.

### What does "self-hosted" mean?

The site serves the font files from its own domain or its own CDN, instead of loading them from Google Fonts or Adobe Fonts. It may be a commercial font the company licensed, a custom one, or a free font copied to its servers. When Google Fonts has a family with the same name, the tool says so and links to it.

### Can I use the font I found on my own site?

It depends on its license. Google Fonts families are free to use, including commercially. Adobe Fonts come with an Adobe subscription. A commercial font needs a license from its foundry: finding it on a website doesn't give you the right to use that site's files.

### Why is there no sample for some fonts?

The sample loads the site's own font file in your browser. Some sites only let their own pages load their fonts (Adobe Fonts kits work that way too). Then the tool shows the name, the weights and the source without the sample.

### Is it free, and does it need an account?

It's free and needs no account. Without one you can read a few new sites a day; a site someone already read opens at once and doesn't count. The tool reads the page you paste and its stylesheets, the way a browser would, but it doesn't run the site's scripts: a font that only a script loads, or one used on another page, may not show up.

## More free tools

- [Brand kit extractor](https://opusmotion.com/tools/brand-kit-extractor.md): Any website's logo, icon, brand colors with hex codes, and fonts
- [LinkedIn banner maker](https://opusmotion.com/tools/linkedin-banner-maker.md): Your LinkedIn cover from your website: logo, brand colors and font, as a PNG
- [Lower third maker](https://opusmotion.com/tools/lower-third-maker.md): An animated name and title in your brand's colors and type, on green screen for your editor
- [All free tools](https://opusmotion.com/tools.md)
