TT Neoris is now available on our online store! Hurry up to purchase the future of Neo-Grotesques. View typeface

We Have a Digital Font Catalog! Looking through our typefaces has become even more convenient. PDF Catalog of TypeType Fonts

Use font subscription! The full font library of 75+ fonts will always be at hand. See more

Type foundryBlog4 Quick Ways to Identify Fonts Used on Websites

4 Quick Ways to Identify Fonts Used on Websites

4 Quick Ways to Identify Fonts Used on Websites

Enthusiastic designers are constantly on the lookout for new fonts. Not only while they are working.

You can notice new fonts to add to your collection while scrolling social media, browsing brands’ websites, and even playing your favorite video games. All that is left is a technical aspect: to identify a font family used in the project and purchase a license for it.

There are many ways of identifying fonts. In this article, we will cover the easiest ones.

Why do you need to know what font is used on a website?

For a novice designer, learning about fonts used in various projects is a valuable aid to grow professionally. It helps develop watchfulness. 

Look for projects similar to yours and analyze fonts other specialists use. This way, you will be able to identify what typeface categories align well with specific themes. Analyze the projects that you do not find good enough as well. It will help a lot to understand what typefaces do not seem suitable and why. To make the process even more fascinating, make your list of “good” and “bad” typefaces for various project themes.

4 Quick Ways to Identify Fonts Used on Websites

Identifying fonts used in different projects proves to be practical for experienced designers, too. This way, designers add more typefaces to their collections and find new studios that make interesting and stylish fonts.

How to identify a font on a website

There are several ways to check what typeface a project’s website is using, such as:

  • Installing a browser extension.
  • Searching for the name in the page’s code.
  • Identifying fonts by image using online services.
  • Identifying fonts in Adobe Photoshop.

Let us focus on each of them.

Browser extensions

Many browser extensions work as font identifiers for websites. We will share with you the ones that have been verified by us and are often used by designers.

4 Quick Ways to Identify Fonts Used on Websites

Fonts Ninja

Browsers: Chrome, Firefox, Safari.


One of the most popular extensions. It identifies both the typeface and its font style. An additional benefit is that you can not only check different font types but also buy them if you wish. Through Ninja, you can access the link to purchase the font—this is simple and convenient.

To start using the extension, download and install it. After that, an icon with a ninja will appear in your browser’s toolbar. Click on it, and hover over text sections to identify fonts. You can also click on the text to access an additional panel and try the font. You can also use Fonts Ninja on your smartphone via the app.

By the way, the official website of Fonts Ninja uses the TypeType studio’s bestseller—TT Norms® Pro.

4 Quick Ways to Identify Fonts Used on Websites


Browsers: Chrome, Safari.


Another well-known font identifier browser extension. 

After installing it, highlight a text fragment and click the “WhatFont” icon. You will get information about the font family used on the website, the font style, and the font size. 

In addition to the above-listed extensions, designers often use CSS Peeper, TypeSample, and more. Each has its own extra functions, so we recommend trying some of them and choosing the most convenient for you.

Manual search in the page’s code

4 Quick Ways to Identify Fonts Used on Websites

A difficult and, at the same time, one of the easiest ways to identify fonts on websites is to find them in the page’s code. Remember that this method is not ideal because the fonts may be renamed.

To search manually, choose a text fragment, open the page’s code, and find “font-family”.

In Chrome and Firefox, right-click on the text and choose the menu item that opens the page’s code for viewing. After that, find the Elements tab, then Styles tab, and there you will find the “font-family” code. In Safari, the actions are the same, but you need to make sure that the Developer menu is visible. Check the box at the bottom of the Advanced tab to do that.

Online services to identify fonts by image

4 Quick Ways to Identify Fonts Used on Websites

Sometimes the font you like is on an image, not a page. It can be a banner, a photo, or a picture on social media. 

For such cases, there are various online services that can help you identify the font you want. 

They all function similarly. Simply visit the service website, upload the image containing the necessary font, and wait for the result.

Here are some of the most frequently used font identifier services of this kind:

You can also use social media to ask other designers to help you identify a font.

Identifying fonts in Adobe Photoshop

4 Quick Ways to Identify Fonts Used on Websites

You can find out what font is used on an image with the help of Adobe Photoshop. The Match Font function is constantly improving but does not support all languages at the moment.

To use the function:

  1. Select the text on the image using the Rectangular Marquee Tool.
  2. Choose Type and then Match Font.
  3. In the list of similar fonts, choose the one you think suits best.

Bonus: there is a smartphone app

4 Quick Ways to Identify Fonts Used on Websites

Of course, captivating fonts await designers everywhere, not only at the work desk. To always have the possibility to add new fonts to your collection, install the app on your smartphone.

At the moment, WhatTheFont and Find My Font are the most popular. To identify a desired font, simply open the app and point the camera at the image. Choose the most suitable font from the list of the most similar ones.

In place of a conclusion

Aesthetic fonts await designers outside their work as well. It is better to have some tools prepared to quickly find out what font is used on a website, poster, banner, or café sign. 

Latest publications

10+ Best Fonts for Label and Packaging Design

10+ Best Fonts for Label and Packaging Design

The right fonts in packaging design can emphasize your brand’s aesthetic. Since the font is the main element conveying the brand name, choosing the right font will determine whether customers will notice and like your product.

See more16 February, 2024
Our Golden Font: How We Crafted the Ideal Neo-Grotesque TT Neoris

Our Golden Font: How We Crafted the Ideal Neo-Grotesque TT Neoris

TT Neoris is a TypeType team font released in 2023. Its name is derived from two words: «neo,» which means «new,» and «rise.» We’ve been working meticulously on it for two and a half years. At the moment, TT Neoris is the most ambitious project of the studio: our goal was to create the ideal Neo-Grotesque that would mark a new chapter in the history of typography and become a bestseller.

See more05 February, 2024
Our Year in Review: TypeType’s Journey through 2023

Our Year in Review: TypeType’s Journey through 2023

2023 became a very important year for TypeType. Throughout 2023, we actively expanded and improved, embracing change and consistently moving forward. So, in this article, we are taking a step back to take a fresh look at our transformations, document achievements, and note down plans for the future. Let’s review our year!

See more29 January, 2024

See more

Best Fonts for Books: How to Choose

Best Fonts for Books: How to Choose

Web and printing in typography are two different worlds. At least, they are often presented this way. In reality, many typefaces can be used in both domains. To understand what typeface to choose, it is important to know the differences between book fonts and web fonts. This article covers the topic of fonts for books and how to choose the best typeface for book design, magazines, or any other printed material.

See more09 August, 2023
UniversiTTy: Lesson 1. Typeface Categories

UniversiTTy: Lesson 1. Typeface Categories

This article is not an ordinary one. If you have not heard about it yet, we have launched a new project for everyone who is in love with fonts. As part of this initiative, we will release articles on typography regularly. Each article of the series will explore one useful subject. The main thing is that you will not only immerse yourself in the industry but also meet our wonderful TypeType team of typography experts as they share their knowledge and experience. 

See more02 August, 2023
Monospaced Fonts in Design and Coding

Monospaced Fonts in Design and Coding

Monospaced fonts are actively gaining popularity among designers. What is even more interesting is that the scope of their application is also expanding.
The times when fonts like these were only used for coding have gone. Today monospaced fonts adorn the pages of magazines, the packages of popular brands, signs and menus, websites, and more.

See more16 July, 2023