IE 10 works locally with @font-face, but not when viewing page from server
I'm using a custom created web font from icomoon that's hosted on my own
server. Was amazed at how easy everything was. Tested locally on all
browsers. Works great (even down to IE7 and firefox 4)! Tested again from
my server and it doesn't work in IE10.
Pretty sure I'm declaring the fonts right:
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
Here's a link to the test site http://www.corysgrilledcheese.com/store/ if
you want to take a look.
And here's a link to screenshots
http://www.corysgrilledcheese.com/store/fontsBroken.png of what it looks
like when I load the page locally, and then with the same browser viewing
the page from a server.
I've been scouring the web, but no luck so far. Any suggestions on a
solution would be much appreciated.
No comments:
Post a Comment