How to See What Font a Website Is Using (3 Different Methods) Identifying a Webpage's Typeface

In this video, I show you how to find out what font any website is using three different methods. See more on 𝙈𝙔 𝘽𝙇𝙊𝙂 👉 https://yerainabreu.com/blog/how-to-see-what-font-any-website-is-using/. Please let me know if this video helped you by leaving a 𝘾𝙊𝙈𝙈𝙀𝙉𝙏 👍 𝙎𝙐𝘽𝙎𝘾𝙍𝙄𝘽𝙀 to my channel by clicking this link 👉 https://www.youtube.com/yerainabreu?sub_confirmation=1. If you liked this video, please give it a 𝙇𝙄𝙆𝙀 and 𝙎𝙃𝘼𝙍𝙀 with friends! Read more below. 👇👇👇

ScaleNut is the best SEO AI tool I have tested (and I tested a ton!) See the link below!
✅ https://bit.ly/3dLoptj
Click up is by far the best project management tool I have used:
✅ https://bit.ly/3ChaAMh
I use SiteGround hosting for all my websites! I highly recommend them:
✅ https://bit.ly/3dP2RM6
I use RankMath for all my SEO. Consider purchasing rank math using my link:
✅ https://bit.ly/3fpHTE3
Interested in building a website? Divi is my go-to page builder. Check it out here:
✅ https://bit.ly/3SoLErS

— 𝗚 𝗘 𝗔 𝗥 —
👉 Microphone: Audio-Technica ATR-6550: https://amzn.to/3HNtJGc
👉 Computer: MacBook Pro 16 Inch: https://amzn.to/34GLcSa
👉 Padcaster Parrot Teleprompter: https://amzn.to/3gF0yt5
👉 Elgato Auxiliary Holding Arm https://amzn.to/3sxTZ0V
👉 Lighting: Viltrox VL-300T https://amzn.to/3jorhJ7
👉 Camera: Sony ZV1: https://amzn.to/3uKNUkd
👉 Desk Mount Clamp: https://amzn.to/3Js9gar
👉 Camera Tripod: https://amzn.to/2TpdUxI
▸ Editing Software: Premiere Pro CC 2022
▸ Screen Recording Software: Quicktime

— 𝗖 𝗢 𝗡 𝗡 𝗘 𝗖 𝗧 —
▸ https://instagram.com/yerainabreu
▸ https://facebook.com/yerainabreu
▸ https://dribbble.com/yerainabreu
▸ https://tiktok.com/@yerainabreu
▸ https://twitter.com/yerainabreu
▸ https://yerainabreu.com

If you've read this far down the description, I want to sincerely thank you for checking out my videos.

— 𝗧 𝗥 𝗔𝗡 𝗦 𝗖 𝗥 𝗜 𝗣 𝗧 𝗜 𝗢 𝗡 —
Let me know if this sounds familiar. You go online and see a beautiful website with some beautiful fonts, and you want to carry that font over and bring it to your website or your project. But you have no idea what the front is or how to even find out what that font is or what that website uses.

Well, if that’s you, you’re in luck. Because in this video, I will show you three different methods of figuring out what fonts a website uses.

Method 1
So here I am at a random cupcake blog. I thought Cupcake was going to be a safe bet for us. So this is the one that I went with.

So I’m going to assume that we want this font. It’s just pretty basic. But the idea of this video is to show you what you can do and how you can get to know what font they’re using. Not which one is the prettiest.

My preferred method is always to click the right-click button on my computer. Or if you’re not using a mouse, you can click control and then click. But in my case, I will go to inspect where I clicked. And then, what I want to do is make sure that this little icon right here is checked blue. And then, I’m going to hover over the area where I want to find out. I’ll click it, and then there’ll be a lot. So what we want to focus on is the font family. But more specifically, this specific area we clicked on.

It is calculated all of the CSS applied to that area. And then I can go to the font family right here, and there you go. That’s the font that this element is using. Okay. Now, if you find that a little too complicated and a little too advanced for whatever reason, don’t worry because there’s a much simpler method to find out what font another website uses.

Method Two
We are going to use a Chrome extension called WhatFont. All you need to do is Google it. You’ll see that I already have it installed, so it won’t let me read or download it. But all you have to do is click on that once you download it, hover over the area, and then click on it, and it’ll tell you right there.

So why don’t we try this method on another website to illustrate this a little further, this is a pretty good one because this is an interesting font. So I want to see what font they’re using. Click on that. Just go ahead and highlight. And there it is. If I click on it, it’ll say PT-Serif; that’s it.

I would recommend clicking on it instead of highlighting it because you might highlight an area that isn’t the font, and you wanted to know what it was.

*Read the full transcript on my blog https://yerainabreu.com/blog/how-to-see-what-font-any-website-is-using/

— 𝗧 𝗔 𝗚 𝗦 —
#webdesign #fonts #typeface #seo #google #serp #tagmanager #htmltags #seo #digitalmarketing #marketing #socialmediamarketing #socialmedia #webdesign #branding #business #onlinemarketing #contentmarketing #website #webdevelopment #google #ecommerce #advertising #marketingstrategy #instagram #design #marketingtips #wordpress #entrepreneur #digital #graphicdesign #websitedesign #smallbusiness #sem