Using Google Fonts API

Question

I am new to Google Fonts. I have gotten this URL from Google:

<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

My question is, how to use the various fonts I have selected. They are, as you can see, Ubuntu Normal 400, Ubuntu Normal 400 Italic, Ubuntu Bold 700, and Ubuntu 700 italic.

I have tried everything but can only use plain "Ubuntu" and nothing else.

Please help!

Answer 1

Here is me using italic version of this: http://jsfiddle.net/6wzuy/

font-family:ubuntu;
font-style:italic;
font-weight: 700; 

The technique is to use CSS font-style Property

Answer 2

font-family: 'Ubuntu', Arial, serif; font-weight: 700; 

EDIT: You have to include separate font libraries of italics and bolds in order for them to work as intended.

If you don't include the italic and bold versions, the browser will try to compensate, but will more than likely do a very poor job. More about this in this List Apart article.

If you want to add font styles to your fonts, always add the extra font styles to and specify it in your document. Especially in large serif font it can make a huge difference.