Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I work for a Japanese site and recently came across this issue. After spending more time than was reasonable, I found the answer from these detailed write-ups in Japanese:</p> <ul> <li><a href="http://freesoft.tvbok.com/sonota/ie8-fontsize.html">http://freesoft.tvbok.com/sonota/ie8-fontsize.html</a></li> <li><a href="http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/">http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/</a></li> </ul> <p>The top link includes the ways to deal with it. For those who can't read Japanese I will summarize:</p> <hr> <p>The problem only affects IE8 showing pages using the <code>MS P Gothic</code> font (generally the default Japanese font on Windows) at a font-size that is between 9px and 11px. Unlike many IE bugs, it has nothing to do with floats/margins/line-height/etc. As Oldie has pointed out, the bug is not consistent, sometimes it happens right away and sometimes it takes a few hovers, and it seems to enlarge/shrink the text randomly.</p> <p><strong>The three primary solutions are as follows</strong>:</p> <ol> <li>Set the font to <code>MS Gothic</code> or some other Japanese font using <code>font-family</code> style.</li> <li>Change the font size to be anything outside the <code>9px</code> ~ <code>11px</code> range (Under the default IE8 font settings, <code>1em</code> sized text will not be affected, but slightly smaller text (eg, <code>0.8em</code>) will be affected).</li> <li>Force IE8 to display the page as if it was IE7 by adding the following in the header:<br><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=7" /&gt;</code><br></li> </ol> <hr> <p>I went with #2 because <code>MS Gothic</code> looked jarring next to all the other <code>MS P Gothic</code> text, and felt #3 had clear disadvantages for our site.</p> <p>It's not an ideal solution, but it works. Best of luck.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

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