How to Use Google Font API

IN Shoutmeloud

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

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

  • 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.

As you can see is simple. Very simple.

Link – Google API Font

Subscribe on Youtube

Click to activate Offer & visit site Discount added automatically

Subscribe to SML Newsletter

Receive Blogging Tips & Strategies

Get WordPress Guide eBook for free in the 2nd newsletter

100% privacy. we will never spam you

  • Author Bio

  • Latest Post

Blog post by Isha Singh

Isha has written 1 articles.

Follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


    Testimonials
    Send Us Inquiry

    Comments

    1. Jakes says

      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

    2. Avinash says

      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.

    3. Shashank says

      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.

    4. Basant | Techno-Pulse says

      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.

    5. Brij says

      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.

    6. Dinesh Verma says

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

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>