title: Segoe UI font renders differently in IE11
body: <p>Since IE 11 the Segoe UI font is rendered very differently in the browser, while it renders fine anywhere else in the system (including IE when accessing HTML locally via file:// or HTA). Here are some comparisons:</p>
  
  <p><img src="https://i.stack.imgur.com/RG0C5.png" alt=""></p>
  
  <p>IE 8/9/10 render it identically to the second item shown ("IE 11 / file:// URL").</p>
  
  <p>As you can see, Chrome is also slightly thinner, but much better in terms of keeping the previous kerning and widths, which is what I value most here.</p>
  
  <p>I'd like to find a way to force Segoe UI to render as it once has. Things I tried: </p>
  
  <ul>
  <li>Turning off GPU rendering in IE</li>
  <li>Embedding Segoe UI via @font-face</li>
  <li>Various font-weight values</li>
  </ul>
  
  <p>Ideas?</p>
  
  <p>-- Update --</p>
  
  <p>Looks like the explanation is simpler than I thought. My HTML document mode is 8 (for good yet irrelevant reasons), enforced using the X-UA-Compatible meta. IE 9 and 10 properly use the "right" font rendering system for each mode (WPF-style for 9 and above, GDI-style for 8 and below). IE 11, however, forces WPF-style rendering in all document modes in the "Internet Zone". Both "Intranet" and "Local Computer" zones correctly choose the proper font rendering system.</p>
  
  <p>I'd still like to find a way around this, if there is one.</p>