@font-face{ 
	font-family: 'MyWebFont';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('WebFont.woff') format('woff'),
	     url('WebFont.ttf') format('truetype'),
	     url('WebFont.svg#webfont') format('svg');
}


/* <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> */

http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

Font Squirrel is a great place to convert your fonts to the different formats required.

http://www.fontsquirrel.com/fontface/generator

CSS @font-face Example

css

CSS