css - IE7 not loading eot webfont -
I have problems with a custom icon font pack in IE7. It is not loading at all It works great in IE8 +, FF and Chrome IE8 also uses Aot, so it's not a problem with font file.
In the IE7 mode, the Network tab on IE11 shows that there is no request in the brick file (but it is also in IE8 mode, and has tried native IE 7 on the virtual machine. )
I have also tried to check whether there is a request but nothing.
I am using the following code to embed the font:
@ font-face {font-family: "icons"; Src: url ("./ icons.eot"); Src: url format (". / Icons.eot? #", "Embedded-opentype"), url ("./ icons.woff") format ("woff"), url ("./ icons.ttf" ) Format ("True Type"), URL ("./ Icons.svg # icons") format ("SVG"); Font weight: normal; Font style: normal; } I tried to focus only on IE 7, so I removed them and used only:
@ font-face {Font-family: "icons"; Src: url ("./ icons.eot"); Font weight: normal; Font style: normal; } There is still no breakthrough, Fildler still does not see any request to the file.
I am using an Nginx server, the following MIME type is added for the eot files: Application / vnd.ms-fontobject
Apart from this If this is not a cross-domain request, I have added access-control-permission-origin for it
I decided to go to "Font Awesome Route" I have created a different IE7 stylesheet with CSS expression.
.inon-caret-down {font-family: "icons"; * Zoom: expression (this.rintimestile ['zoom'] = '1', this HTMLHTML_ '& amp; # xf104;'); Font style: normal; }
Comments
Post a Comment