Databases
StackOverflow2013
Postsdbo
POCustom fonts disappearing in IE
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCustom fonts disappearing in IE
    text
    copied!<p>This is the first time I've seen this happen with a custom font embed. For reference, I have dozens of client sites using custom fonts without issue.</p> <p>This particular client has their own created custom font files. The application in question lives, unfortunately, in an iframe on the main site (domains/subdomains match though, between the main page, iframe and font file). </p> <p>When the page loads fresh the first time, the font displays beautifully. As soon as I refresh the page, the font is destroyed: it reverts to the fallback (<code>"Sans-Serif"</code>) font, and the letter spacing is all jacked up. </p> <p>There are 3 separate font files being used, all displaying the same behavior. I believe this is a caching issue. The initially correct display of the font suggests the file is alright, that the reference paths are correct, and that the domain security is not a problem.</p> <p>We're using the font-squirrel generated css for the embed. I've only tested on IE8 so far, though I have been told IE9 has the same issue. Other browsers do not appear to have any issues with the fonts.</p> <p>I cannot share what site this is for, unfortunately. </p> <pre><code>@font-face { font-family: 'myfont70'; src: url('../font/myfont-070.eot'); src: url('../font/myfont-070.svg#myfont70') format('svg'), url('../font/myfont-070.eot?#iefix') format('embedded-opentype'), url('../font/myfont-070.woff') format('woff'), url('../font/myfont-070.ttf') format('truetype'), url('../font/myfont-070.svg#myfont70') format('svg'); font-weight: normal; font-style: normal; } </code></pre> <p>(the dual declaration for SVG is intentional)</p> <p>Thanks!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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