Find any font with the WhatFont extension
In the world of web design and application development, choosing a good font (the right typography) is crucial.
Each font gives a particular momentum to a page: its aesthetics, its readability, its characteristics, are all elements that create a different atmosphere from other pages and communicate the company's story.
Just look at luxury brands and their typography for their logos:
Do all these fonts look similar? It's normal: it's a code of the luxury sector. It needs to be simple, cold, and ultimately elegant.
A code is nothing more than a more or less official rule that dictates the impression and feeling we want to convey with our logos. 😉
However, it is difficult to find the right font given the many possibilities... Just look at the Google Fonts page to realize it:
But a find can be around every corner, or should I say every page. A beautiful font that immediately makes us want to use it for our projects.
But how to find this font?
The solution: by using a browser extension like WhatFont for example (there are many, but this one is tested and approved by the team).
What is WhatFont?
WhatFont is a browser extension. It's a small software that you can install to use directly in your web browser.
This extension allows you to identify fonts on any page! ✨
Unlike other extensions that require several steps or add advertisements, WhatFont is easy to use, quick to set up, and has no ads. This way, you can very easily detect the used font that caught your eye to use it in your projects.
Why use WhatFont?
Simply put, it is easier to use an extension like WhatFont than to inspect the code of a page by digging into the CSS for two reasons:
- Time-saving - No need to navigate through the HTML code of a page: open WhatFont, hover over the text you like, and voilà;
- A lot of precise information - You won't just see the used font, but also its size, weight, and a bunch of very useful information if you want to replicate what you see;
There is practically no advantage in not using WhatFont! So, let's see together how to use it.
How to Install WhatFont?
Installing the WhatFont extension is child's play.
Step 1: Open the Extension Page
The WhatFont extension is available on multiple browsers. Choose the link that corresponds to yours:
- If you are using Arc, Google Chrome, Firefox, or any other webkit-based browser, click here
- If you are using Firefox, click rather here
- And if you are using Safari, click here
If you are using Internet Explorer or Edge... Download the Arc browser. 😗
Step 2: Verify that the Extension is Enabled
To use the WhatFont extension, make sure that it is enabled in your browser.
It may seem obvious when said like this, but you never know, some have already had some problems simply by not checking if the extension was enabled!
Step 3: Use WhatFont
Now that WhatFont is installed in your browser, all that's left is to click on the extension and hover over any text!
You should now see a small window that gives you a bunch of information about the used typography.
Enjoy and create beautiful projects now! 😬
And if you want to learn more about creating websites, go and take a look here.
FAQ
Here is a small compilation of the questions our learners ask us most often about WhatFont to help you gain even more clarity! 😉
Does WhatFont work on all browsers?
Yes! WhatFont works very well on Google Chrome, Firefox, and Arc. If you are using Internet Explorer or Edge, consider switching browsers. You will have more features on other faster and modern browsers.
Can WhatFont identify fonts in images?
No, WhatFont only identifies fonts used in text on a page.
Is WhatFont free?
Yes, it's free!
How do I disable WhatFont after use?
Simply press the "Escape" key on your keyboard.
