Hi there, our corporate website recently switched to a new font. To ensure that the previous font has been fully removed (to avoid the fine for unlicensed use), we would like to check if it is still in use elsewhere on our website.
Can someone please advise me how we can check it? TY!
Hi @Joyce1234
Here are a few simple ways to find the font families used on your website:
1. Inspect Element: Open your site in a browser. Right-click on any part of the page and select “Inspect.” In the developer tools that open, go to the “Elements” tab. Check the “font-family” property in the CSS panel to see what font is used for that section. Repeat this for different parts of your site to see the fonts used in various areas.
2. Browser DevTools: Open your site and press F12 to access the developer tools. Go to the “Network” tab and filter by resource type (e.g., “Font”). This will show all the font files being loaded, and their names usually reflect the font family used.
3. Online Tools: You can use tools like WhatFont, Font Squirrel, CSS-Tricks Font Tester, etc.
I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!
Thanks a lot!
Honestly, those methods don’t fully work for confirming complete font removal, Inspect Element and WhatFont only check visible text on pages you manually open, so they’ll miss fonts hidden in unused CSS files, old templates, or archived blog posts.
What actually works: do a global search across your entire codebase and CMS for the old font name (in `.css`, `.json`, theme files, and any `@font-face` declarations), plus check your file manager for leftover `.woff`, `.woff2`, `.ttf`, or `.otf` files. Also review your Network tab across multiple page types (landing pages, blogs, emails) to catch any lingering font file requests, that’s the only reliable way to confirm no unlicensed font references remain.
To check if the old font is still in use on your website, you can use browser developer tools. Right-click on any section of the page, select “Inspect”, and navigate to the “Styles” tab to see the font-family applied to that element. You can do this across different parts of your site to ensure no instances of the old font remain.
Alternatively, using a tool like Wappalyzer or WhatFont (a browser extension) can help quickly identify all the fonts in use across your website. This should help you confirm that the previous font has been completely removed.