Installing Google Fonts on Windows 10

A quick how-to guide on how to install Google Fonts into Windows 10.

Google Fonts is a collection of fonts intended for use on the Web.  From the Google Fonts About page:

Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. We believe that everyone should be able to bring quality typography to their web pages and applications.

Our goal is to create a directory of web fonts for the world to use. Our API service makes it easy to add Google Fonts to a website in seconds. The service runs on Google’s servers which are fast, reliable and tested. Google provides this service free of charge.

I was trying to make a graphic that used Ultra, one of the fonts, and I wanted to use Inkspace to make it.  But, Google Fonts are web fonts, and I wanted to have Ultra as a font installed on my computer so I could use it.  It turns out that it’s not that hard to do.  I’ll show the steps for installing Open Sans.

First, go to the Google Fonts homepage.  In the upper left corner is a search box:

The Google Fonts search box
The Google Fonts search box

Type in the name of the font you’re looking for, in this case, Open Sans.  The Google Fonts website will filter down all of the fonts it knows about, and only show the ones matching what you’ve typed in.  For me, it showed me two fonts: Open Sans and Open Sans condensed.

GoogleFonts2

With each of the fonts displayed, there’s a blue “Add to Collection” button.  Click that button, and that font will be added to a collection of fonts, displayed at the bottom of the page.

GoogleFonts3

Next, we’re going to want to download a Zip file that contains a TTF file (short for True Type font, one of the types of fonts that Windows understands) of the font we’ve selected.  If we add more than one font to our collection, all the fonts will be in the Zip file.  Anyways, there’s a download button on the page, but it’s not real obvious.  It’s in the upper right corner of the page, and looks like a down arrow:

GoogleFonts4

Click that, and you’ll get a dialog box telling you that you don’t need to download the font.  If you’re just using it for the web, that’s right, but we want to install the font into Windows 10.

GoogleFonts5

We want to choose the first option, “Download the font families in your Collection as a .zip file”.  Click on the .zip file link, and your browser will download a zip file to your computer — in my case, it was called Open_Sans.zip.  Go to wherever that file was downloaded (likely your Downloads folder), right-click on the file, and select “Extract All…”.  You’ll be asked where to extract the files to, and it will default to the current directory.  Click the Extract button, and a new folder will be created containing a LICENSE.txt file and one or more TTF files.

The next thing to do is to install the TTF file (or files) into Windows 10.  Open up the Control Panel (type Control Panel into the Windows search box if you’re not sure how to open it), and you’ll get this window:

GoogleFonts6

Click on the Appearance and Personalization heading to get:

GoogleFonts7

Under Fonts, click on “Preview, delete, or show and hide fonts”.  You’ll be taken to a window showing all the fonts installed on your system:

GoogleFonts8

Finally, from that folder of downloaded fonts, drag the fonts you want to install into this new window, and the fonts should now be installed!

What font is used for the 7 symbol on a slot machine?

Short answer: Clarendon Bold.

For fun, I’m writing a little slot machine game in Java.  I wanted to create some symbols to go on the reels, and one of those symbols is the number 7.  And, I wanted it to look like the fancy 7 you see on slot machines, like this:

Slot machine with 7 symbol
Spin baby” by Hyun Lee is licensed under CC BY 2.0

So, after some googling around, I discovered that it uses the Clarendon Bold font.  Here’s what the 7 looks like in Linotype’s Clarendon Std Bold:

The letter 7 in Monotype's Clarendon Bold BT font.
The letter 7 in Linotype’s Clarendon Std Bold font

This is a screenshot grabbed from the preview feature of fonts.com’s page for Clarendon Std Bold.

Unfortunately, I don’t have that font on my computer.  After further googling, I discovered the Ultra font on Google Fonts.  The Google Fonts page describes it as follows:

Ultra is an ultra bold slab typeface with nods to wood type styles like Clarendon and Egyptian. Strong and dramatic letterforms for titling, a serious, yet friendly, and easily legible typestyle. Perfect for power headlines and titling for impact.

Here’s what the 7 looks like in Ultra:

The symbol 7 in Ultra font
The letter 7 in Ultra font

To make my slot machine 7, I installed Ultra on Windows, fired up Inkscape, added a Text object with the Ultra font at 72 points, set a fill colour of Red, added a black stroke 1 point thick, and here’s the final result:

A "7" slot machine symbol
My final “7” slot machine symbol

I’m pleased with it!