Google web fonts on your blog

font directory logo Google web fonts on your blogThis is probably an old topic but it’s very useful and cool for developers who make websites,blogs or web apps. Google a few years ago came up with a collection of a large number of fonts that you can integrate in your website. Doing this is fairly simple task. You just need to have some basic knowledge about CSS. First go to Google Web Fonts and select the fonts you want to use. A word of caution use only limited number of fonts in you website because more the number of fonts you use the slower your  website gets.

Screen Shot 2012 07 17 at 11.54.30 AM Google web fonts on your blog

After you have selected the fonts you like google lets you review your selection too. If you have selected only one or two fonts you can skip this step and directly go to use. There google provides you with very clear instruction on how to add these fonts to your website. You need to place this code somewhere in your header.

 
<link href='http://fonts.googleapis.com/css?family=Squada+One|Gorditas' rel='stylesheet' type='text/css'>

 

 

Screen Google web fonts on your blog

After this you would need to edit your css. If you are using WordPress go to Appearance -> Editor it will automatically take you to your CSS file usually style.css. Now you need to add these fonts in your css normally as you would do with your local fonts. Save you css file and refresh the web page. You will be able to see the new fonts right away.

Ashmeet Singh

I have just passed class 12 and am looking forward to making it into a good college. I have also been the writer of many blogs such as TechnoDesi,NewtrojansBlog,GammersLane etc. and this blog is my new endeavour in the field of technology.

You may also like...

12 Responses

  1. Hi there, just wanted to mention, I liked this post.
    It was helpful. Keep on posting!

  2. It’s nearly impossible to find well-informed people
    in this particular topic, but you seem like you know what you’re talking about!
    Thanks

    Here is my web blog :: Crossfit Houston Locations

  3. En las ocasiones que intento emplear un conjuro algunas veces en parte tiene efecto.

    ¿Podría sufrir algun efecto secundario?

  4. Norv says:

    How’s things?, on occasion I see a 503 website error when I browse this site. Just a heads up, cheers

  5. Hello very cool website!! Man .. Excellent .. Superb ..
    I’ll bookmark your site and take the feeds also? I am satisfied to search out numerous useful info here in the put up,
    we’d like work out more techniques in this regard, thanks for sharing.
    . . . . .
    играть онлайн казино вулкан слот
    песни

  6. Just want to say your article is as astonishing. The clarity on your submit is simply great and i can suppose you are knowledgeable in this subject.
    Well along with your permission allow me to seize your feed to keep
    up to date with coming near near post. Thank you one million and please carry on the rewarding work.

  7. Po 2gie – blog umożliwia komunikować się z otoczeniem.

  8. It’s going to be end of mine day, however before finish I am reading this wonderful article to increase my knowledge.

  9. fancy.com says:

    At this time it seems like BlogEngine is the preferred blogging platform out there right now.
    (from what I’ve read) Is that what you are using on your blog?

  10. I got this website from my friend who shared with
    me about this site and at the moment this time I am browsing this
    website and reading very informative posts here.

  11. I am not real great with English but I line up this real easy to
    interpret.

  12. Valuable info. Lucky me I discovered your website accidentally, and I’m stunned why this accident didn’t happened in advance!

    I bookmarked it.

Leave a Reply to Hurtownie Budowlane Kraków Cancel 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>