How to Install Google Roboto Font on Windows, Mac and Linux

A toy robot.

The Roboto font is a sans-serif typeface created by Google. It is elegant and renders well on high-resolution screens such as Android phones. As such, it’s a perfect fit for many applications. What’s more, installing the Roboto font on Windows, macOS, and Linux is a piece of cake.

In this post, we show you how to install the Google Roboto font on Windows, macOS, Linux, and even on your website. Let’s get started!

Downloading the Google Roboto Font

Regardless of your platform, you first need to download the Roboto font pack. To do this, head to the Roboto font site. The simplest way to download the entire font family is to click the “Download Family” button.

Downloading the Roboto font.

It will end up as a ZIP file on your computer, at which point you’ll be able to install it on your Operating System (OS).

How to Install Google Roboto Font on Windows, Mac and Linux

The great news is that regardless of which platform you want to install the Roboto font on, it’ll take a matter of clicks.

1. Windows 10

For Windows, first unzip the Roboto font folder. Next, head to the Start Menu and open the Settings page.

Opening the Windows settings.

From here, click the Personlization option, then Fonts.

Adding fonts to Windows.

Next, drag the extracted fonts onto the installer window. After a few seconds, the Google Roboto font will be installed within Windows. You can select it as you would any other font from within your installed applications.

2. macOS

For Mac, first extract the ZIP file, then select all of the fonts inside the folder (skipping over LICENSE.txt), right-click, and select “Open With -> Font Book” from the context menu.

Opening fonts with Font Book.

This will load them into Font Book and will make them available for use in your applications.

Note that you can also double-click the individual font files to load them into Font Book.

3. Linux

Open your home folder and enable the option to view hidden files/folders. Locate the “.fonts” folder. If it doesn’t exist, create it. Next, move the Roboto font folder to this “.fonts” folder.

Alternatively, you can make use of the Font Manager program to manage your fonts.

1. Install Font Manger from the Software Center or repository.

Installing the Font Manager app.

2. Once it’s installed, open this and the Fonts app (again, from the Search Bar).

Opening the Debian Fonts app.

3. Within the Font Manager, make sure you’re on the Manage tab and click the Plus icon.

Adding fonts in Debian.

4. Navigate to your extracted font folder and add them as required.

Once you restart the apps you’re using, you should see the Roboto font available for selection.

Using the Google Roboto Font on a Website

If you wish to use the Roboto font on your website, you can use the CSS3 @font-face syntax to embed the external font to your webpage.

Go to the FontSquirrel Roboto font page, click “Webfont Kit,” then choose your preferred font formats, a subset (if any) and click “Download @Font-Face Kit.”

The Roboto page in FontSquirrel.

Extract the zipped file to your website font folder. Open your web stylesheet and add the following code:

Make sure you change the “src” to point to the path of the font folder.

Next, you can use the syntax font-family:"Roboto"; to display the Roboto font on your web page.

In Conclusion

Google’s Roboto font is a stylish alternative to mainstays such as Helvetica and Arial. What’s more, it’s at the forefront of Google’s Material Design initiative. Even so, Roboto works in all manner of applications, and installing it on Windows, macOS, Linux, and even your website is a breeze.

If you’re not a fan of Roboto, our article on how to check different site design elements can help you learn which fonts are used on a specific website. Do you use the Roboto font on your computer, and if so, for what purpose? Let us know in the comments section below!

Tom Rankin Tom Rankin

Tom Rankin is a quality content writer for WordPress, tech, and small businesses. When he's not putting fingers to keyboard, he can be found taking photographs, writing music, playing computer games, and talking in the third-person.

Leave a Comment

Yeah! You've decided to leave a comment. That's fantastic! Check out our comment policy here. Let's have a personal and meaningful conversation.