How to Install Google Roboto Font on Windows, Mac and Linux | Tips & Tricks

The is a sans-serif typeface created by that has been around since the days of Android 4.0 (Ice Cream Sandwich). It is an elegant that renders well on high resolution screens such as Android phones.

Roboto contains the full set of font weight (includes regular, bold, italic, and bold italic weights) and is used mainly for system apps and all Google apps.

If you love the font and wish to use it on , , or even your website, then you’re in luck. Google developers have released the Roboto font for free, and you can use it without restriction (under the Apache Software License).

Here’s how to the Google Roboto Font on all platforms.

Whatever platform you’re on, you first need to download the Roboto font pack.

Go to the Roboto font site and download the font (zipped file). You need to click “Select this Font,” and then at the bottom of the screen click the dark tab that says “1 Family Selected.”

install-google-roboto-font-windows-mac-linux-select-this-font

In the newly opened tab, click the “Download” icon to download the Roboto font as a zip file.

install-google-roboto-font-windows-mac-linux-selected

Extract the zipped file to a folder of your choice. Open the folder, and you should see all the Roboto fonts inside.

Open the Roboto font folder. Select all the fonts. Right-click your mouse,  and select “Install.”

install-google-roboto-font-windows-mac-linux-2

This will install the fonts to your Windows machine. You can now use the Roboto font in your applications.

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.

Restart your LibreOffice, GIMP, Photoshop or whatever apps you are using. You should see the Roboto font available for selection.

Similar to Windows. Extract the fonts, double-click to install them, and they’ll appear in your Font Book. Alternatively, you can drag-and-drop all of them to your Font Book.

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 FontSquirrel Roboto font page, click “Webfont Kit,” then choose your preferred font formats, a subset (if any) and click “Download @Font-Face Kit.”

how-to-install-roboto-font-windows-mac-linux-web-font-face

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

to display the Roboto font on your web page.

That’s it. Enjoy!

You might also like More from author