Make Money Online Queries? Struggling To Get Traffic To Your Blog? Sign Up On (HBB) Forum Now!

HOW TO: Use Free Google Web Fonts On Your Blog

CONNECT WITH HBB ON SOCIAL MEDIA

I have been testing Google Web Fonts on some of my clients’ websites, and thought of making this as a post for others to know about the power of Google Web Fonts. You can easily implement that on your blog by adding few lines of code.

Google Web Fonts allows you to browse all the fonts available via the Google Web Fonts API. All fonts in their directory are available for use on our website. You can also check our list of sites to download free fonts.

Using Free Google Web Fonts On Your Blog

1. Go to Google Web Fonts and search for your favorite font. Now click on that font. Here I have used the font ‘Meddon’.

Google Web Fonts

This page gives all the information about that particular font, the designer’s name, license and so on. You can preview those fonts and you can also download them for offline use.

2. Now select the option “Use this font” and you can get the code for embedding this font on your blog/website.

Google Web Fonts - Use This Font

The code will look like this,

<link href=’http://fonts.googleapis.com/css?family=Meddon’ rel=’stylesheet’ type=’text/css’>

To embed this font (Meddon) into your web page copy the above code as the first element in the <head> of your html document.

READ
Create Android Apps Without Any Coding Skills

For modifying the font family tag in CSS stylesheet, you can use

h1 { font-family: ‘Meddon’, arial, serif; }

So what is your opinion about Google Web Fonts? Have you used them on your blog? Do share your opinions below as comments.



By

CEO and Founder of Slashsquare, Indian Blog Network and Web Consulting Media. HBB is a part of Slashsquare Network. I'm a Tech Blogger, Striving Entrepreneur, Atheist, and Proud Indian. Catch me on Facebook and Twitter.

  • My Website

Want to discuss your queries and interact with experts? You can connect with HellBound Bloggers (HBB) Facebook group for free!

Join HellBound Bloggers (HBB) and get Instant Updates. We'll also notify you with Great Deals, Discounts and other Interesting Tips. We won't SPAM or SHARE your Email Address with anyone.

Thank you for reading! We welcome and appreciate your comments, but at the same time, make sure you are adding something valuable to this article. If you have any serious queries, suggestions or anything related to this article, feel free to share them, we really appreciate that.

But, if your blog comments are a random "Thank you", "Useful Post", or anything that doesn't actually upscale the article, then we'll be removing them and it won't be appeared below. Thanks for understanding and thanks for connecting with us. If you want to give us any feedback or report any errors, you can kindly contact us and we'll revert back soon.

  • Comments
  • Facebook Comments
  • Comments

    Do you have any queries? Want to share something?

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    15 Comments

    • Rijans -TechGainer

      But what is the big advantage of using G W F except beauty, custom or variety?
      I heard that "if we use Google web fonts then we don't have to think about which fonts are installed on users system, because browsers automatically recognizes them".
      But you didn't mentioned it!

    • Satish

      Thats smart πŸ™‚ nice one dude πŸ™‚ will try in my blog πŸ™‚

    • Virtual Agents

      Another great post about google application. Thank you!

    • Jerrick

      by using Google Font, will it taking any advantages? will it more easy to index by Google or anything advantages of using that?

      • Lyssa

        The Google Font API is one of the most easy to use custom web font solutions out there. With just a line of code you’re ready to import a range of custom fonts from the Google Font Directory.

        The Google Font API works like a charm in most browsers.

        The Google Font Directory includes a range of tasteful and stylish fonts to choose from, as well as a selection of more decorative options.

        All fonts are released under an Open Source license, so the Google Font API can be used in both your commercial and personal projects.

        Text rendered using the Google Font API is still selectable, which is one drawback with some solutions like SiFR.

        The Google Font API doesn’t rely on JavaScript, so the customized fonts still show if the user has JavaScript disabled.

        Because the fonts are rendered with good old CSS, any additional styling such as the CSS3 text-shadow property can be added.

      • S.Pradeep Kumar

        Na, nothing like that! They provide some cool fonts, that's all!

    • Lyssa Gale

      Google Web fonts is an easy way to add more font options to your web designs, without having to revert to images. And it is really easy to use.

    • Nikita Mishra

      thanks for sharing,I didn't know about this.

    • Kavya Hari

      It's really looks very well πŸ™‚ Thank you so much for sharing your post on here πŸ™‚

    • Jasmine

      Google Web Fonts looks nice… much better than the standard Arial and Verdana fonts!

    • Nasif

      Great ! Never heard of it. But then again who will use it if it increas blog loading time 😐 ?

    • chandan

      This is another interesting application by Google. Have to look around it. Thanks brother.

    • QOT

      They have some beautiful fonts, but it adds one more script to load on your site, increasing site load time.

    • Rahul

      Man you are damn smart great stuff

  • Facebook Comments
More in Google
HBB QR Code
Create Unique QR Codes For Your Blog Posts

Close