CSS Trouble

Hi guys,

I was wondering why the CSS doesn’t work like this one.

.font-face {
    font-family: 'LeagueGothicRegular';
    src: url('League_Gothic-webfont.eot');
    src: url('League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('League_Gothic-webfont.woff') format('woff'),
         url('League_Gothic-webfont.ttf') format('truetype'),
         url('League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	color: #666666;
}

“.default” seems to work … i just compared this to the one i downloaded from FONTSQUIRREL.com. The original file is being attached but you can you view the result from this link.

www.timescebu.com/font/demo.html

thank you