How To Use The Google’s Roboto Font Everywhere

March 28, 2012 by: 0

Google has created a new font for Android 4.0 Ice Cream Sandwich known as Roboto font. It is a kind of sans-serif font. The font has an elegant and nice appearance and looks perfect on the high resolution screens like Android tablets and phones.

The font comprises of various font weights and includes italic, bold italic, bold and regular weights. You can use it for every Google app and system app. This is a step Google has undertaken so that the user interface fragmentation issue is reduced and the platform is unified.

In case you really like this beautiful font and want to use it on your applications such as Photoshop, Microsoft Word, GIMP, Pages or on your websites, there is a good news for you. Google has made this font available for free. You only need to get an Apache Software License and the font can be used without any kind of hassle.

How To Use The Google’s Roboto Font Everywhere

It can be used anywhere by following the below mentioned steps:

1. First of all, you need to visit Roboto font site. Now simply download the zipped file of the font.

How to Use The Google’s Roboto Font Everywhere

2. The zipped file has to be extracted in the next step. It will display a folder with the name ‘Roboto_Hinted_20111129′. When the folder is opened, the roboto fonts will be displayed in a .ttf format.

For Linux (Ubuntu)

You need to open your folder and check out the hidden files and folders by enabling the required option. Now you are required to search for the ‘.fonts’ folder. In case you cannot find it or it is not existing, you need to create it. Once you do it, the Roboto font folder has to be shifted to ‘.fonts’ folder.

Whatever app is being used, whether it is Photoshop, GIMP or LibreOffice, restart it. The Roboto font will be displayed for selection.

For Mac

In case of Mac, all Roboto fonts need to be dragged to the Font Book.

For Windows

You need to open the folder of Roboto font. All fonts should be selected. Right-click the mouse and choose ‘Install’.

How to Use The Google’s Roboto Font Everywhere

Once you are done with this, the fonts will be installed on the Windows machine. Now the Roboto font can be used in any of your applications.

For Android Phone

In case of an Android phone, the font cannot be changed very easily as it is a system level application. If you have an Android phone that does not have Android 4.0 Ice Cream Sandwich, then you need to root your phone followed by the installation of a Font Changer app.

How to Use The Google’s Roboto Font Everywhere

You need to open the File Manager app so that you can go to the root of the SD card. A folder needs to be created with the name ‘.fontchanger’ if it does not exist. All Roboto fonts should be placed in this folder. Grant a permission to the Font Changer app after opening it. After loading, you can easily check out the Roboto font in the main menu.

For iOS

You need to jailbreak the device if you want to modify the iOS system font. You should be ready to void your warranty.

1.You need to jailbreak your device. This is followed by the installation of BytaFont from Cydia.
2.Go to Cydia -> Section -> Fonts. It is required for the installation of Roboto font.
3.You need to run the BytaFont app. The Roboto font will be displayed in the list and can be applied anywhere.

For the Web

The Roboto font can also be used in a website. For this, you need to use CSS3 @font-face syntax. The external font is embedded to the webpage by using this syntax.

1. You need to visit the font page of FontAquirrel Roboto. Click on “@font-face Kit” link. Simply download “@font-face kit”.

How to Use The Google’s Roboto Font Everywhere

2. The zipped file needs to be extracted to the font folder of your website. Add the required code in the web stylesheet after opening it. You must remember that the ‘src’ should be changed to the path of the font folder.
Use the following syntax:

font-family:”Roboto”;

The Roboto font will be displayed on the web page.

Have you ever used the above mentioned methods to use the Roboto font of Google on your applications? How was your experience? Share with us.

Share this Story
Tags:
google robot font, how to use google robot font, how to use google robot font everywhere, robot font, steps to use google robot font, tips to use google robot font everywhere,

Leave a Reply

*