
It can also identify if a typeface is available via Typekit or Google Fonts. However, clicking on the name will show you an expanded popup with more details such as the size, weight, color, and line height. When you first hover over the text, you’ll see only the font’s name.

#Font picker by letter install#
Once you install WhatFont, you can check what font a website is using by activating it in your browser’s toolbar and hovering on some text: Since it also has support for most browsers, we’ll use it for a quick demonstration. CSS Peeper is a Chrome-specific tool that you won’t be able to use with any other platform.įor the purpose of quickly finding the name of a specific font, WhatFont is the easiest option to use. Fontanello, on the other hand, is only available for Firefox and Chrome. WhatFont is available for Firefox, Chrome, Safari, and Internet Explorer. However, each of these extensions has varied browser support.
#Font picker by letter windows#
If you’d rather use a keyboard shortcut, try Ctrl+Shift+I for Windows or Linux. Although we’ll be working with the Chrome Inspector in this example, it’s worth noting that other browsers have equivalent features.įirst, right-click on the webpage containing the font you want to find. One of the easiest ways to check what font a website is using is with your browser’s inspector tool. Identify Fonts Using the Browser Inspector Tool Let’s take a look at each of these options. You can even find fonts from images using online tools. Your browser’s inspection feature is an excellent go-to solution, but there are extensions that can produce equivalent effects. There are multiple methods you can use to check what font a website is using.

#Font picker by letter how to#
How to See What Font a Website Is Using (3 Available Methods) You can then use them on your site or for a client in the future.

This is why you might find it handy to keep a list of fonts that catch your attention for being both stylish and legible.

If your text is stylish but illegible, readers will find it difficult to understand or appreciate your material.Ĭall to Action (CTA) buttons may also turn out to be all but useless if their text isn’t readable. It also ensures that visitors can comfortably engage with your content without struggling to decipher it. Subscribe To Our Youtube Channel Why You Might Want to Check What Font a Website Is UsingĪs we already mentioned, beautiful and readable fonts can improve your site’s User Experience (UX) and readability. In this article, we’ll discuss why you might want to see what font a website is using. Regardless of your reason for checking what font is used on a website, there are many tools that can help. Quality typography can improve your visitors’ reading experiences, so it may be worth making an effort to find it. If you’ve ever been completely taken with a font your saw on a website, you may have wondered how to discover what it’s called so you can use it in your own content.
