Web Fonts

Now we can get fonts from the web.

Good news for Web Developers, now developers need not worry about fonts. Now fonts are easily available for use. We need to perform only a few steps to get it done in our website.

Step 1: Go to http://www.google.com/webfonts Url.

Step 2:  Find an appropriate font you like.

 

Step 3:  Now we will choose the font:

Step 4:  We can use a font link which is showing in the preceding image and use it on your web page.
<link
href='http://fonts.googleapis.com/css?family=Ruslan+Display&subset=latin,latin-ext,cyrillic'
rel='stylesheet'
type='text/css'/>

<style>
       h1 { font-family: 'Ruslan Display', cursive;font-size:50px;color:White; }
</style>

<h1>My New Web Fonts</h1>

Step 5: Now we will see the output, as in:

Happy Coding..