Have you ever stumbled across a beautiful website and wondered how to find the name of the font used on the website?
As a beginner blogger, you will come across multiple websites of fellow bloggers when you are learning the ropes of blogging.
When you visit a website, there are three things that stand out immediately.
- Design Layout
In this article, we will focus on ‘ How to find the font of any website? ‘
There are multiple ways to find the font of any web page. Developers and designers who know their way around the shortcodes can get it by looking at the code and finding the right line.
It’s 2019 and there has to be a better way for everyone to do this quickly.
Let’s just use a single browser plugin that solves the purpose.
How to use Whatfont to find the font of a website?
Once you install Whatfont, it sits on your Chrome browser. You are all set.
- You can browse the web and visit your favorite websites. When you really like the fonts of a particular website, just click the browser icon of ‘whatfont’.
- Move the cursor towards the text on the website
- The cursor tip will reveal the name of the font.
- If you click on it, you will see information regarding the font family as well as other parameters like size, style of font and color etc.
- Click on the ‘Exit Whatfont’ on the top right to go back to normal.
Let’s look at an example. Here’s my other blog on Sales – Sellbetter.
I click the browser plugin and hover the cursor to the title. ‘Playfair Display’ is the font used for the title.
When clicked on the title now, it will reveal more information about the font.
If you click on the Google web fonts link displayed in the black box above, it will take you to the font’s page.
This provides very useful information on how popular is the font and how the font can be paired with other fonts and which ones work the best. A website is not just about one font and it is also about how the fonts look together.
Hence, Whatfont can be the only browser plugin that you will need to find the font of any web page.
Go ahead and find the font of this web page and add them in the comments. Happy Blogging 🙂
Further Reading : Essential Browser Plugins for Bloggers