Design Hack: How To Quickly Find Out What Font Website Is Using

what font website using
Facebook
Twitter
LinkedIn
Pinterest

If you’re a web designer or someone looking for inspiration online, you probably ran into a website you liked that uses cool fonts. And if you were curious like me, you probably wanted to find out exactly what fonts were being used on that website.

Luckily there are a number of tools and font recognizer browser extensions available that can make your job easier.

If you’re looking for browser extensions, there are two decent Chrome plugins you can try:
WhatFont and FontFace Ninja. Both work well but can be a little slow and buggy. Once installed, these extensions will open up a popup box with the name of the font you click on.

Until recently I’ve been using FontFace Ninja regularly. It was a nice plugin that worked well at helping identify fonts on any website. Unfortunately, after the latest update, the plugin became extremely slow and non-responsive and even froze many pages I was using it on, so I had to uninstall it.

However, if you’re not keen on installing another plugin, there is a better way.
One of the best ways of identifying fonts online is by using the tool you probably already have. I’m talking about your Chrome developer tools panel.

advertisement | Continue Reading Below
Web Design & SEO Services for Health Professionals and Small Business Owners
Do you need help with your website?
Services We Offer:
  • Medical Website Design
  • Health WordPress Development
  • Website Maintenance
  • Medical SEO & Digital Marketing
Click Here To Request Services

identify font easily

To quickly identify what font website uses, you simply open up your developer tool and use the selection tool. After you click on the font, you then select “Elements” tab and on the right panel choose “Computed”, which will be your second tab. Then scroll all the way to the bottom of the right panel and there you will see the name of the font. That’s it. No extra plugins or extensions required.

Here is the quick video on how to identify fonts on a website.

Now you can browse the web and easily and quickly identify the name of any font you see online. Good luck.

In the future, I will publish the list of my favorite typography resources I use to get my typeface inspiration. So please signup for my weekly newsletter so you won’t miss it.

  • Article Categories

  • Facebook
    Twitter
    LinkedIn
    Email
    web agency founder

    About Author: Gene is the co-founder of both Big Apple Media and Happy Website Design. He shares his expertise on SEO, digital marketing, web design and development. He also created and manages Creative Web Design & Digital Marketing Group on LinkedIn. Join to learn more about these topics.

    Ready to grow your traffic and improve your website? Fill out a service request form to receive a quote or schedule a free discovery call to discuss your project.

    Ready to take your web design & SEO marketing to the next level?

    Let's work together on creating a beautiful website that gets results.

    Send us information about your project or schedule a free discovery call.

    Don't leave empty handed..

    Get The Ultimate List of  Free Web Design & Digital Marketing Tools
    We've compiled the ultimate list of the top essential FREE
    Web Design & Marketing Tools into one handy e-book.
    Yes, Send Me the Free e-Book!
    We do not sell or share your information with anyone.
    close-link
    Sign up to get the latest web design & marketing news, links & tips. 
    Subscribe
    close-image