Web Fonts

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.

1.png

 

Step 3:  Now we will choose the font:

2.png

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:

3.png

Happy Coding..


Recommended Free Ebook
Similar Articles