Have questions? Contact Us

How to Identify Fonts on the Web

How to identify what font is used in a website

Have you ever landed on a beautiful website and wondered what font was being used? I know we have!

Gone are the days when we have to use a limited selection of web-safe fonts for the websites and blogs; such as Arial, Verdana, Georgia, etc. Now we get to play with so much more beautiful fonts for the web.

Imagine you come across a website or blog, and notice the handwriting font used for the headline title is to die for! You can’t wait to use it for your next project. Now, off to find and download the font. But, wait a minute… What is that font name? Ugh, bummer.

Identifying fonts was previously a troublesome task, often requiring you to contact the site owner and ask the million dollar question of what font did he/she use for the site.

But guess what? You don’t have to do that anymore! There are free tools out there that you can use to immediately identify a font that’s being used on a website. We’ll show you step-by-step how to use two of these tools to identify fonts.

How To Identify Fonts On The Web

Ever wondered how to identify a font on a website? Learn how by reading this blog post! Click To Tweet

 

1 | How To Use WhatFont

WhatFont is one of two tools we have used to identify fonts on the web. WhatFont is very user-friendly.

Step-by-step how to use WhatFont:

  1. Go to this website: http://www.chengyinliu.com/whatfont.html
  2. Bookmark it, add the Google chrome extension, or add the Safari extension (we use the Google chrome extension)
  3. Go to the website that you want to find out the font and click on the WhatFont extension
  4. Hover over the web page and start to discover the fonts being used!
  5. whatfont02

 

2 | How To Use FFFFALLBACK

FFFFALLBACK is another option to discover what font is being used on a website.

Step-by-step how to use FFFFALLBACK:

  1. Go to this website: http://ffffallback.com/
  2. Drag the bookmark to your browser toolbar
  3. Go to the page that you want to identify
  4. Click on the FFFFALLBACK bookmark.
  5. See what font is being used!
  6. ffffallback02

But what do you do if the font you like is on an image and you can’t use either of these tools? WhatTheFont to the rescue!

3 | How To Use WhatTheFont

  1. Go to this website: https://www.myfonts.com/WhatTheFont/
  2. Click to upload the image.
  3. WhatTheFont will try to select characters on the images. Make any adjustments as needed.
  4. Then it will match up the image to possible fonts that are used!