How to Find a Webpage’s Font Using the Inspect Element Tool and Browser Extensions
As we browse the internet, we often come across beautifully designed webpages with fonts that catch our eyes. However, not all web designers make the information on the font publicly available, and we are left wondering what font they used. In such cases, we can use the inspect element tool and browser extensions to find out.
The inspect element tool is built into most web browsers and allows us to view the HTML and CSS code that makes up a webpage. By using this tool, we can easily determine what font the website is using. Here are the steps to follow:
Step 1: Right-click on the webpage
Step 2: Select “Inspect” or “Inspect Element” from the dropdown menu
Step 3: This will open the “Elements” tab in the browser window
Step 4: Locate the text whose font you want to identify
Step 5: Move your cursor over the font tag in the code displayed in the “Elements” tab
The font name should appear in a tooltip when your cursor hovers over it. In case you cannot find the font name, try looking for it in the “Styles” tab. The font family is usually listed under the “font” or “font-family” property.
If you find this method a bit tedious, there are browser extensions that make finding fonts on webpages easier. Here are two popular options:
1. WhatFont: This extension is available for Google Chrome, Firefox, and Safari browsers. Once installed, you can simply click on any text on a webpage to display the font name, size, and color. WhatFont also allows you to toggle font rendering to see a clearer representation of the font.
2. Fontface Ninja: This extension also works on Google Chrome, Firefox, and Safari, as well as Opera and Edge browsers. Fontface Ninja not only displays the font name, size, and color but also allows you to try out different fonts on the webpage to match the one you’re looking for.
In conclusion, finding a webpage’s font is not as daunting as it may seem. With the inspect element tool and browser extensions like WhatFont and Fontface Ninja, you can quickly identify the font name on any webpage. So, go ahead and explore the beautiful fonts on the internet!