ShoutMeLoud – Shouters Who Inspire

Superlinks
≡ Menu

How to Use Google Font API

How to Use Google Font API

The Internet is evolving before our eyes. It is remarkable the change that we see from year to year.  Just yesterday, Google was just a search engine. Today it is almost bigger than the universe and is also an API fonts: Font Google API !

What is Google API?

An API, in simple terms, is a remote, quick and easy access to a service provided by another server / application.  How should already have noticed Google has an API of fonts and today we will see how simple it is using it.

It is one of the most overlooked and yet is one of the most visible aspects of the site: the font. The choice of font for our website is often reduced to three or four choices, is Verdana?  Or today we use Arial?  What about Helvetica? Or sans-serif? Sometimes we lose our head and uses Tahoma.  We are limited in the number of font can be utilized as the universal support is limited.

But let’s try the Google API with one of the examples provided by Google itself.  With this API you can use more fonts, other than those supported universally.  We do not need to use images. The fonts appear on the pages as text.



    css" href="http://fonts.googleapis.com/css?family=Tangerine">
     

Making the Web Beautiful!

As you can see, there are only two important aspects to retain.

  • Insert a row in the head tag to the browser to go “grab” the font to the API.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> 
  • Declare the font tag you want:

      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
 

How to use Google API Font?

google font directory 300x225

  • Preview the font. A good idea is to check the list of characters.

google font 300x225

  • Click the “Get the Code” and you will see that there is code that should put the head tags. And then just declare the font of the information we want.

api code 300x225

As you can see is simple. Very simple.

Link – Google API Font

  • Author Bio

  • Latest Post

Article by Isha Singh

Isha has written 1 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


    { 7 comments… add one }

    • Jakes

      Hi Isha,
      I too had written a post on “Google API font” sometime back.. What I believe that most web developers still don’t like Google Fonts as they don’t support in mobile devices

      Reply
    • Avinash

      There’s also a WordPress plugin called Google Web Fonts for WordPress plugin that uses the Google Fonts API and lets change the default font of the blog to any of the fonts from Google Font Directory.

      Reply
    • Shashank

      I use some Google fonts on my blog. And yes, I agree that there aren’t many options and most of the fonts aren’t worth the effort. But I’ve tried to make it work.

      Reply
    • Basant | Techno-Pulse

      Though I use a lot of services from Google viz. Apps, Docs, Blogger, Translation etc Google Fonts is new to me. As per the description provided here, It looks easy to implement.

      Reply
    • sewa mobil

      Nice article, thanks for sharing.

      Reply
    • Brij

      Good Article!
      the biggest benefit of all of this is that it’s free.
      Second is google hosted means ability to withstand high levels of site traffic.
      I think It would be future of web.

      Reply
    • Dinesh Verma

      Google API ain’t cool. Most fonts are just crap. One i loved is Droid Sans and i’m using it. Rest sucks.

      Reply

    Leave a Comment