• X

    How to Use Google Font API

    By in Design

    Bluehost hosting

    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 How to Use Google Font API

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

    google font 300x225 How to Use Google Font API

    • 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 How to Use Google Font API

    As you can see is simple. Very simple.

    Link – Google API Font

    Get Free Blogging updates in your Email

    Article by

    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… read them below or add one }

    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

    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

    sewa mobil

    Nice article, thanks for sharing.

    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

    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

    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

    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

    Leave a Comment

    Previous post:

    Next post:

    `