CSS3 Fonts

In the previous version of css you can use only system default fonts or those fonts which are installed in the user's system. Otherwise you have to use image or you need to ask the user to download the font and install it in his system. But css3 solved this issue.
With the help of @font-face you can use your own font.

Use your own font in CSS3

@font-face {
    font-family: 'myFont';
    src: url('fonts/my-font.eot');
    src: url('fonts/my-font.eot?#iefix') format('embedded-opentype'),
         url('fonts/my-font.woff') format('woff'),
         url('fonts/my-font.ttf') format('truetype'),
         url('fonts/my-font.svg#my-font') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Now you can assign the family myFont to any class */

.myClass{
	font-family: 'myFont';
	font-size: 20px;
	...
	...
}


You can also use free fonts provided by Google.

Click here to convert your system fonts to web fonts.

Comments
comments powered by Disqus