What the font
- how to know fonts used in website
- how to check fonts in website
- how to identify the font used on a website
- what is a good font for a website
Find font on website chrome extension...
Google fonts
List the fonts used on a page, or an element
"What font is that?" or "Why is this font used?" are probably questions you've asked yourself while working on a website design.
However, it's not always easy to know which fonts are actually used on a webpage and looking at the CSS the page uses might not always give you the answer.
Webpages often define multiple different fonts, for example:
When the browser renders a page, if the first font in the list is not available on the device, the browser falls back to the next font.
If the next one isn't available either, it falls back to the next one and so on. Also some fonts are defined with generic names such as , or , which tells you nothing about which exact font the browser chose to use.
DevTools can help you determine which fonts are used on a webpage, or on a specific element on a page.
In Firefox #
Firefox has the best tool to inspect fonts.
To know which fonts are used on a webpage:
Open DevTools, and open the Inspector tool.
Select the element.
In the sidebar, select the Fonts tab.
The
- how to know font of a website