[Webinar] Streamline your web hosting managementRegister Today


How to Identify Fonts on a website and download them.

Posted on
6,554 Points
2 Endorsements
Last Modified:
Experience Level: Beginner
Andrew Leniart
Helping others to help themselves..
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you!

In this Micro Tutorial, you'll learn you how to quickly and easily identify fonts that are used on any web page you visit, as well as how to download those fonts from Google’s fonts collection site with a couple of mouse clicks, so long as Google has them available.

The video also covers how to install downloaded fonts into Windows so that they can be used in any text editing software you have that allows you to select different fonts.

I plan to also write an illustrated article tutorial on this topic, so if you prefer reading and viewing screen shots as opposed to video learning, then head over to my article How to Identify Fonts on a website and download them.

Please enjoy the video..

Video Steps

1. (00:33) Install the Fount Java Script button into your browser

Browse over to FOUNT in your browser and follow the instructions on the page to install the the free "fount" button.

2. (01:03) Identify the Font you're interested in

On any web page containing the font you're interested in, click your newly installed fount button and then click on the font text you want to identify

3. (01:40) Click the Google Fonts link if available

If the View fonts on Google Fonts link becomes available to you, then Google has a copy of the font available for download. Click the link to be taken to the font download area. If the link is not there, then you will need to do a manual search to find out where you can obtain the font elsewhere.

4. (01:50) Download the Font from Google Fonts

On the Google Fonts page, click the + to "Select this Font" and it will be added to your Font Family Selection. Click the black bar at the bottom of the page and then select the Download "Drop Arrow" to download and save the font(s) you've selected in a Zip file format.

5. (02:28) Install your new font into Windows

Now that you've successfully downloaded the font you like, extract the font from the Zip file to a temporary folder. In Windows Explorer, select all of the font files you've extracted, click your Right mouse button and select "Install".  Windows installs the font(s) to your C:\Windows\Fonts system directory and the Font(s) will now be available to use in Word, PowerPoint or any other document editing software you may have.

6. (03:48) Something to remember

If you're going to send your Saved Document (like a Microsoft Word file for example) to someone, the document won't display the way you intended to the person you send the file to if they don't also have the same font installed. To overcome this, in Word, click FileOptionsSave, and enable the "Embed fonts in the file" box, as well as "Embed only the characters used in the document" box.

7. Conclusion

The last step will ensure the .docx file will display as intended on the recipients machine. You could also just file attach the Zip file you downloaded so that the font could be installed at the other end, but I don't recommend this as not many will appreciate having to install a font just to view your document.

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Join & Write a Comment

I. Introduction There's an interesting discussion going on now in an Experts Exchange Group — Attachments with no extension . This reminded me of questions that come up here at EE along the lines of, "How can I tell the type of file from its cont…
Herein one will find an aggregate of some of my experience building and deploying virtualization stacks both in standalone, clustered Hyper-V, clustered Hyper-V with a Scale-Out File Server (SOFS) backend, and Storage Spaces Direct (S2D).

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month