otronics Posted October 6, 2013 Share Posted October 6, 2013 (edited) Hello. I have a .woff font uploaded to my FTP server for website use. Works fine in Chrome, Firefox etc but does not work in Internet Explorer (using version 10). I've been using the Tryit Editor to test it here: http://www.w3schools.com/css3/tryit.asp?filename=trycss3_font-face_rule Can anyone else get this to work in IE? Anything I am doing wrong? Many thanks. Oliver. Edited November 2, 2013 by otronics Link to comment Share on other sites More sharing options...
Ingolme Posted October 6, 2013 Share Posted October 6, 2013 I think Internet Explorer needs a different type of font file, probably .ttf or .eot normally people put multiple filenames in the @font-face rule so that it's cross-browser compatible. Link to comment Share on other sites More sharing options...
otronics Posted October 7, 2013 Author Share Posted October 7, 2013 (edited) Hmmmm. I have tried other fonts in the Tryit Editor in IE, same problem. Any more ideas? Edited November 2, 2013 by otronics Link to comment Share on other sites More sharing options...
newseed Posted October 7, 2013 Share Posted October 7, 2013 I found this problem occurring sometimes in Windows server that for some reason IE does not render the font correctly. If this is the case then you will want to check and see if web.config file is in the root. Open that file and add this code in bold: <staticContent> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> </staticContent> </system.webServer> </configuration> If you are hosting on Linux then you might try the same thing but added this code to .htaccess AddType font/woff .woff Link to comment Share on other sites More sharing options...
otronics Posted October 8, 2013 Author Share Posted October 8, 2013 Hello. Nope - I've edited the .htaccess file and the same problem occurs. I'm starting to run out of options here. What is worrying is that I cannot get it to even work in the Tryit editor. Link to comment Share on other sites More sharing options...
newseed Posted October 8, 2013 Share Posted October 8, 2013 Check your host server to make sure that mime type (.woff) is added. Note: I spent many days searching and trying various solutions until I found the one that worked for me and my server because not all servers are the same. It may work for one person but not the other and vice versa. The point here is that the solution I gave you may not apply to you because your server has a different set up. If you don't get an answer from your host then you are going to have to google this and try out one of the many solutions that's out there. Finally, make sure you have a valid DocType. If you are uncertain if your DocType is correct or not then post it here. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now