Use Google Web Fonts in to your Website

0
13

Google Web Fonts are beautiful collection of fonts from google

see it live on : http://www.google.com/webfonts

To use it on your website select the font first

Image

 

Now click on Use button on bottom

Image

 

copy the code on next page

Image

 

4. Integrate the fonts into your CSS:

The Google Web Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

font-family: ‘Yeseva One’, serif;

Sample code

———————————————————————

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine“>
<style>
body {
font-family: ‘Tangerine’, serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>

———————————————————————

 

Result

Image

LEAVE A REPLY

Please enter your comment!
Please enter your name here