How to use Google Fonts for your WordPress Blog?

by KishPress on January 30, 2011

Google fonts directory is something you should try if you have not. I guess you have noticed the fonts used on this blog especially the headings with the shadow effect.

It’s very simple to use :

  1. Go to Google Web Fonts
  2. Select the font that you would like to use
  3. Go to the Font Preview and code generator
  4. Select the font and do the setting which you can find on the left side
  5. Get the code

Open the header.php file and insert the code calling the font from Google Font Directory


Now to your style sheet add the styleYou can just use it for the h1, h2, h3 as you wish

font-family: 'Yanone Kaffeesatz', serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 8px 8px 8px #ddd;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0.024em;
  word-spacing: 0.071em;
  line-height: 1.29;

You can do wonders if you know how to play with css styling. Just check out my Personal blog, may be you may not like, but I just love it.

Related posts:

  1. Writing a WordPress Theme for your blog WordPress themes are not much complicated if you have the...
  2. Adding Google Analytics Code in Thesis Theme If you are using the Thesis Theme on your blog...
  3. Taking care of your WordPress Blog Search Engine Optimization I have been using WordPress for more than 6 years...
  4. How to convert your blog commentators to your YMLP subscribers If you are using YourMailingListProvider for news letters, then you...
  5. How to save E-Junkie Transactions and manage users using a WordPress Blog ? There are many of us who use E-Junkie to sell...

{ 2 comments… read them below or add one }

James January 30, 2011 at 6:24 pm

I hate Google and what they have become…any try http://www.ExplorePro.com yet?

Reply

G.N.R.S.U June 15, 2011 at 3:22 pm

finally, i found this perfect article about “Google WebFonts” which really helped me !!!Thank you!

Reply

Leave a Comment

Previous post:

Next post: