Wordpress Themes - WP Forum at BFA - cant get new webfont to work

Tried to add a webfont that will fit the style of my site. Followed as much as i could find here and it still doesnt seem to be working. I attached what im getting and what im going for. I got the kit, uploaded the files to a folder called fonts in my wp content folder for this url, added the css in css inserts and nothing. webfont is mirage gothic

css i used:

Code:

@font-face {

font-family: 'mirage_gothicregular';

src: url('http://www.frayedgothicclothing.com/wp-content/fonts/mirage_final-webfont.eot');

src: url('http://www.frayedgothicclothing.com/wp-content/fonts/mirage_final-webfont.eot?#iefix') format('embedded-opentype'),

url('http://www.frayedgothicclothing.com/wp-content/fonts/mirage_final-webfont.woff') format('woff'),

url('http://www.frayedgothicclothing.com/wp-content/fonts/mirage_final-webfont.ttf') format('truetype'),

url('http://www.frayedgothicclothing.com/wp-content/fonts/mirage_final-webfont.svg#mirage_gothicRegular') format('svg');

font-weight: normal;

font-style: normal;

}