StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I had the same issue https with IE9 not showing on win7 64bit, I changed how the browser got information. The way <a href="http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems" rel="nofollow">fontsquirrel</a> advised (really useful site for automatically generating you your font-face.css file in the latest syntax), was to put inbetween the head tags of the HTML: the link to the stylesheet and the css on the actual HTML page e.g.</p> <pre><code> <link href="/includes/font-face.css" rel="stylesheet" type="text/css" /> <style> body{font-family:modern_pictogramsnormal} </style> </code></pre> <p>This didn't work for me and so I tried other ways of getting the information to the browser. Try putting an import line at the top of one of your other CSS files that will be used on this page e.g.:</p> <pre><code> @import "/includes/font-face.css"; </code></pre> <p>at the top of the your heb.css file, and take the stylesheet link to '/includes/font-face.css' out of the HTML. That is put an import line on another css file that is used in the page, I put it in my main CSS file.</p> <p>This method worked for me, but I still get FOUT (Flash Of Unstyled Text) in IE9, you search for FOUT there are discussions as to whether this is good or bad and JavaScript/JQuery plugins that can delay the browser from showing text until the font has loaded properly.</p> <p>If that doesn't work you could have a look at this answer I found that didn't work for me, it basically involves doubling the size of your font-face.css, instead of relative links use the whole <pre>http://mydomain.com/fontfile.xxx</pre> to describe myfont0, and another one using <pre>https://mydomain.com/fontfile.xxx</pre> to describe myfont1 then in the CSS use body{myfont0, myfont1}, sorry I can't find the link - I've been clearing my cache a lot recently, see below if you don't understand:</p> <pre><code> @font-face { font-family: 'droid_sansregular'; src: url('http://mydomain.com/fonts/droidsans-webfont-webfont.eot'); src: url('http://mydomain.com/fonts/droidsans-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('http://mydomain.com/fonts/droidsans-webfont-webfont.woff') format('woff'), url('http://mydomain.com/fonts/droidsans-webfont-webfont.ttf') format('truetype'), url('http://mydomain.com/fonts/droidsans-webfont-webfont.svg#droid_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'droid_sansregular0'; src: url('https://mydomain.com/fonts/droidsans-webfont-webfont.eot'); . . .} body{font-family: droid_sansregular, droid_sansregular0} </code></pre>

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