How to check what fonts a website is using
Updated •Written By Christoffer

Method 1: Using an online font tool
The easiest and quickest way is to use an online font detector to check what fonts a website is using.
Use our tool below to check fonts on any website.
Method 2: Checking manually
If you want to check the source code, or the online tool doesn’t detect any fonts, it is a good idea to check the source code yourself.
Using browser developer tools
Below is a step-by-step guide on how to detect fonts by looking inside the developer tools:
- Inspect the source code. Right-click on the webpage and select “Inspect” or press “
Ctrl+Shift+I
“. - Select the text element. Click on the text you want to inspect.
- Check the styles pane. In the “Filter” input, search for “font-family.” This will show the font family being used.
Checking the CSS files
You can also check the CSS files for fonts.
- Open Developer Tools. Right-click on the webpage and select “Inspect” or press
Ctrl+Shift+I
. - Go to the Network Tab. This tab shows all the network requests made by the webpage.
- Reload the Page. Reload the page to capture network activity.
- Filter for CSS Files. Type “CSS” in the filter box to display only CSS files.
- Open the CSS File. Click on a CSS file to view its content.
- Search for Font-Family Properties. It is used to search for information in the CSS file. This will show the fonts specified in the stylesheet.
Article by
Christoffer Pettersen
Founder, Web developerPettersen is the founder of Stackcrawler, a platform that helps analyze tech stacks. He is passionate about new trends and technologies in the software industry.