Reader Level:
Article

Web Fonts

By Amit Patel on Aug 13, 2012
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.

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..

Amit Patel

I am  C# Corner MVP in Q2 2012.  I have 10 years of experiences in Microsoft technologies. I am very much passionate about Web technology. My core skill is ASP.NET, WCF, C#, JQuery and CSS.

COMMENT USING