Friday, 15 February 2013

How to install custom fonts to your website using GoogleFontsAPI.

In this tutorial, I'll be explaining a very easy method by which you can install custom fonts to your website theme.

For the purposes of the tutorial, I will be using a Blogger blog as an example.

Before we begin, you have to know that using this method, you will only be able to install additional fonts which are available at http://www.google.com/webfonts to your theme.

The first thing you want to do, is head off to http://www.google.com/webfonts and select a suitable font.
 


Do take a look at the meter right next to the selected font name to get an idea of how long the font will take to load when someone visits your website.
Red = No good.



Once you've selected your font, scroll down to the end of the page and copy the embeddable code.



Now that you've copied that successfully, open up your website template, which in our case is a Blogger blog's template, and paste the copied code right below the <head> tag.


After pasting the code, add the following right after, with no space whatsoever: </link>

You're almost done with the work.

Now all you have to do is use the font as you would use any other font.
Example:


Hope this helps.
~Arcane.cfg.



 

All the posts found in this blog are meant either for educational purposes or are the personal opinions of myself (Arcanecfg). I do not condone any illegal activities whatsoever. I cannot be held responsible for any actions the readers of this blog may perform with the knowledge attained from here (Wasted Wolf). These Terms and Conditions of Use apply to you when you view, access or otherwise use the blog located at www.WastedWolf.com.

Theme designed by mono-lab / Edited by Arcanecfg.

DMCA.com Protection Status
/ Wasted Wolf /