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

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;


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.


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


Which style are available for your requested web fonts you need to see on


Leave a Reply

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

You are commenting using your 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: