0:00
Find out what font a website is using with this simple trick
0:03
Do you ever visit websites and wonder what font they're using? Maybe you see a title or headline font that you really like
0:10
Well, today I'm going to show you an easy way to find out the exact font name and details of any text on a web page
0:16
All you need is a simple bookmarklet tool. I'll provide a link in the description below
0:23
Here's how it works. The bookmarklet is a tiny JavaScript code that you drag to your browser's bookmarklet
0:29
bookmark bar. When you're on a site, just click the bookmarklet. Your cursor will turn into a plus
0:35
sign, allowing you to click on any text. A pop-up will appear showing the font name, size, weight
0:41
and other info. Super useful. Let me show you how it works on TechCrunch. I'll click the bookmarklet
0:47
then click the headline text. The pop-up shows its active, grotesque font. If I check the body text
0:53
it's Helvetica Nua. You can use this on any website element, menus, captions, buttons, to identify
0:59
fonts. This bookmarklet is great whenever you want to know what font a site is using. Maybe you want to
1:05
match their style for your own content, or find new fonts for your projects. The possibilities are
1:11
endless. It's a simple but powerful tool to satisfy your font curiosity. Give this handy font
1:17
finder bookmarklet a try the next time you come across an intriguing font on the web. Let me know if you
1:23
have any other web design tips or tricks. Smash that like button and don't forget to subscribe
