using google web fonts

Recently google started a new web font service with a list of nice fonts. There are a lots of opensource fonts on google own server which all you can use on your website. It’s pretty simple to use and works on most web browsers. Here you can see how to use those fonts for your website.

To see the list of font visit on http://code.google.com/webfonts

There are all resources with list of fonts, how to use, web fonts api documentations etc

Basic use of google font api (2 steps) –

Step1: On html page head add a stylesheet link to request the desired web font(s)


Step2: Set font family with the requested web font, either in a stylesheet or inline style on the element itself


CSS selector {
	font-family: 'Font Name', serif;
}

Or

Your text

More use of google font api –
If you want to use multiple web font you need to request multiple font families, separate the names with a pipe character (|) on stylesheet link url.

Example:


For each web font there are max 3 styles available like
• Italic with specifiers italic or i
• Bold with specifiers bold or b
• Bold italic with specifiers bolditalic or bi

Example:


Which style are available for your requested web fonts you need to see on http://code.google.com/webfonts

Thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

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

%d bloggers like this: