cant get new webfont to work

TrueDom · #1 Jan 22, 2015, 07:05 AM

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;
}