Note that there are some explanatory texts on larger screens.

plurals
  1. PO@font-face being ignored by IE7
    text
    copied!<p>I've created a @font-face css rule and all the font formats using <a href="http://www.fontsquirrel.com/fontface/generator" rel="nofollow noreferrer">Font Squirrel</a> and works fine on all browsers I have tested so far, but not on IE7. The font seems to not be loaded at all.</p> <p>You can see the site live at <a href="http://grupogamma.socialsnack.com/" rel="nofollow noreferrer">http://grupogamma.socialsnack.com/</a></p> <p>The @font-face rules are on <a href="http://grupogamma.socialsnack.com/wp-content/themes/gamma/style.css" rel="nofollow noreferrer">http://grupogamma.socialsnack.com/wp-content/themes/gamma/style.css</a> and fonts are on <a href="http://grupogamma.socialsnack.com/fonts/" rel="nofollow noreferrer">http://grupogamma.socialsnack.com/fonts/</a></p> <p>My css snippet as generated by Font Squirrel:</p> <pre><code>@font-face { font-family: 'UniversCondensedLight'; src: url('/fonts/univers-condensedlight-webfont.eot'); src: url('/fonts/univers-condensedlight-webfont.eot?#iefix') format('eot'), url('/fonts/univers-condensedlight-webfont.woff') format('woff'), url('/fonts/univers-condensedlight-webfont.ttf') format('truetype'), url('/fonts/univers-condensedlight-webfont.svg#webfonteM3WTEhs') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'UniversCondensed'; src: url('/fonts/univers-condensed-webfont.eot'); src: url('/fonts/univers-condensed-webfont.eot?#iefix') format('eot'), url('/fonts/univers-condensed-webfont.woff') format('woff'), url('/fonts/univers-condensed-webfont.ttf') format('truetype'), url('/fonts/univers-condensed-webfont.svg#webfontPDfnu2z9') format('svg'); font-weight: normal; font-style: normal; } </code></pre> <p><strong>EDIT:</strong></p> <p>By using Wireshark I was able to verify the font .eot is indeed loaded, and a 200 OK is returned. The content-type is application/vnd.ms-fontobject. So the font is loaded, but just not used / not rendered properly.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload