• About
  • Contact
  • Privacy Policy
  • Submit For Review
  • Template Gallery
  • Excel 2016 Udemy Course
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

TheAppTimes

App Reviews, Tutorials, & Gadget News Hub

  • Gadgets
  • How To
  • Mobile Apps
  • Software and Web Apps
  • Buying Guides
  • Shop
  • Show Search
Hide Search

How to Identify Fonts Used on a Website

There may be times when you browse through certain websites and love the fonts used on the site. You may even want to replicate the exact font structure on your own website, but identifying the font used may not be such as easy thing to do. You probably already use Firebug but it’s not a particularly convenient tool to use. In this article, I’ll show you how you can, at the click of a button, identify fonts used on a website.

The tool I’ll use to identify fonts is WhatFont. It is a free bookmarklet that lets you discover any type of font simply by hovering over the font. It is also available as a Google Chrome extension. WhatFont works great on text but is not too reliable on images. The Whatfont website also has a few test fonts for you to try out and this is one of the most useful and convenient tools that works for me and I hope it works for you as well!

How to Identify Fonts Used on a Website

1. Head over to the WhatFont website.

2. Drag the WhatFont bookmarklet to your bookmarks toolbar.

3. When you find a website with a specific font you want to identify, just click the bookmarklet and hover the mouse pointer over the font.

How to Identify Fonts Used on a Website

It’s as easy as that! You can also try other tools listed below to identify fonts on a website.

Bowfin Printworks

Flickr Typeface Identification

Font Finder Extension for Firefox

Fonts.com

FontGenius (for Mac)

Fount

Identifont

TypeNavigator

What the Font

WhatFontIs

Sometimes, you may find yourself admiring a font in an image or a logo while browsing the web and want to implement it in one of your projects. If that’s something you want to do, here’s how to go about it.

How to Identify Fonts in Images

1. Download and save the image containing the font you want on to your desktop.

2. Navigate to www.whatfontis.com.

3. Click Browse, navigate to the location that contains the image and click Open to upload the image.

4. Select the options for the image you are uploading. For instance, you need to select the correct background option, or choose to display only free fonts, only commercial fonts, or all fonts.

How to Identify Fonts in Images

5. Then click Continue.

6. In the next screen, identify the character from the image and highlight it in the adjacent box.

identify font in image

7. Once you have identified all the images, click Continue at the bottom of the screen.

display all fonts

You will get a list of the fonts that closely resemble the font in the image. You also have options to buy or download the fonts.

results of font identifier

That’s it. You’ve got your fonts narrowed down pretty quickly and you don’t have to waste any more time searching the internet.

You can also make use of the extensions that are available for Chrome and Firefox browsers to make your task even more easy.

Download WhatFontIs Addon for Firefox

Download WhatFontIs Addon for Chrome

Have you used another tool to identify fonts in images? If so, please share them in the comments section, so others may benefit as well.

Tweet
Share
WhatsApp
Pin
Buffer
0 Shares

About Adeline Gear

Adeline is a tech enthusiast who loves exploring the latest tools and applications in the marketplace. She also loves her Android and spends time reviewing apps and playing games when she has the time.

Reader Interactions

Comments

  1. adam @ Coventry Photographer says

    March 7, 2012 at 7:13 pm

    Wow, all the years I’ve been doing design I have never thought about trying to find what fonts are used on a website. Trying to find similar ones, Yes. Never thought of using a tool to find the exact font, thank you for sharing this I will be using in the near future!

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Get Reviewed!

Hottest New Gadgets!

Best Gifts for Mac Users - TATFI

6 Awesome Gifts for the Mac User in Your Family

AirPaods Pro Case from ESR - TATFI

Protect your AirPods Pro with this Affordable Case from ESR

AirPods Pro Case from Spigen- TATFI

Need an AirPods Pro case? Check Out These Options from Spigen

FamilyCharger by ElevationLab - TATFI

Need a Charger for the Entire Family? Check out FamilyCharger by ElevationLab

Lecone Wireless Charger - TATFI

Fast Charge Your Apple and Android Phone with Lecone Wireless Charger($13)

Popular Tags

android android apps android games android how to apple chrome extensions deals excel excel how to facebook gadgets gaming gmail google ios apps ios games ios how to ios tips ipad iphone kids apps learn excel management microsoft microsoft word music apps new releases outlook how to photo apps powerpoint powerpoint how to Samsung security smartphone smartphones software tablet tablets technology twitter web browsers windows 10 word how to xbox youtube

Disclosure

TheAppTimes is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

Best USB Wi-Fi Adapters to Buy!

TheAppTimes © 2019 // Runs on StudioPress