No answer, just confirmation: I have a similar kind of problem. Font works in all other IE versions except IE9, both using IETester and original browser. When changing Document Mode (F12 dev tools) font works. Not how I’d like it though. Update: With some trickery I managed to get it working. Seems like IE9 is … Read more
Inside the bundle, there is “font” folder and a “css” folder. Move the font folder into your project. Your project might look something like this: /project-root — /stylesheets — /images — /javascripts — /font Include the Fontello css. Inside the “css” folder in the bundle, you’ll see: [yourfontname]-codes.css [yourfontname]-embedded.css [yourfontname]-ie7-codes.css [yourfontname]-ie7.css [yourfontname].css For most cases, … Read more
This worked for me: Add the following lines to your web.config <system.webServer> <staticContent> <remove fileExtension=”.woff”/> <mimeMap fileExtension=”.woff” mimeType=”application/x-font-woff” /> </staticContent> </system.webServer> You have to add these lines because by default Apache is not configured with .woff as a default MIME-type. Apache default MIME-type This holds for IIS as well. As Seb Duggan explains here:IIS default … Read more
Somehow, Google has Calibri and Cambria in their directory. You might be able to use it through their link: Calibri → https://fonts.googleapis.com/css?family=Calibri:400,700,400italic,700italic Cambria → https://fonts.googleapis.com/css?family=Cambria:400,700,400italic,700italic
I use this function – tested in Safari, Chrome, Firefox, Opera, IE7, IE8, IE9: function waitForWebfonts(fonts, callback) { var loadedFonts = 0; for(var i = 0, l = fonts.length; i < l; ++i) { (function(font) { var node = document.createElement(‘span’); // Characters that vary significantly among different fonts node.innerHTML = ‘giItT1WQy@!-/#’; // Visible – so … Read more
If you are just referencing the users system fonts then the licensing requirement is on the User. If you are providing the font then you (or your client) will need to licence the Font — even if it’s a free font there will likely be some form of licence. @font-face uses two forms of reference: … Read more
I ran into this problem with HTTPS, but not HTTP. For some reason IE would continue through the different font options, ignoring 200 OK responses. In my case, the problem was the HTTP header Cache-Control: no-cache for the font. While this will work fine with HTTP, over HTTPS it causes Internet Explorer to ignore the … Read more
Use the Font Squirrel Generator – this will produce not just EOT, but also SVG and WOFF formats, and converting multiple font files at once, and providing everything in a single archive along with the relevant CSS.
sibaspage answer pointed me into the right direction. But I still see the error message in IE11. For me it worked using the following syntax: @font-face { font-family: ‘Font-Name’; src: url(‘../fonts/Font-Name.eot?#iefix’) format(’embedded-opentype’), url(‘../fonts/Font-Name.ttf’) format(‘truetype’); }