Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Let's zoom in for a closer look at your examples:</p> <p>Chrome: <img src="https://i.stack.imgur.com/lET5B.png" alt="enter image description here"> &nbsp; &nbsp; Firefox: <img src="https://i.stack.imgur.com/xoxPB.png" alt="enter image description here"> &nbsp; &nbsp; IE: <img src="https://i.stack.imgur.com/fP7Mq.png" alt="enter image description here"></p> <p>Notice that Chrome and Firefox are clearly using <a href="http://en.wikipedia.org/wiki/Subpixel_rendering" rel="nofollow noreferrer">subpixel rendering</a> (a.k.a. <a href="http://en.wikipedia.org/wiki/ClearType" rel="nofollow noreferrer">ClearType</a>), while IE isn't. The difference probably comes down to user settings (or the browser / OS default settings, if the user hasn't changed them).</p> <p>In particular, whereas Chrome and Firefox do their own text rendering, IE uses the default text rendering settings of the OS. Apparently, since Windows 8, <a href="http://www.istartedsomething.com/20120303/cleartype-takes-a-back-seat-for-windows-8-metro/" rel="nofollow noreferrer">ClearType has been disabled by default</a> for Metro-style applications, including IE. Don't ask me why, though.</p> <p>Anyway, the bad news is that, as a web developer, there's not a lot you can do about this. In fact, you can't even count on subpixel rendering being <em>possible</em>, let alone enabled, for all users &mdash; it only works on certain types of displays. You really just have to accept that the details of text rendering are going to vary between users, depending on lots of things like the browser, OS, display hardware and user settings.</p> <p><strong>Edit:</strong> Well, OK, you <em>could</em> try using something like <a href="http://cufon.shoqolate.com/generate/" rel="nofollow noreferrer">Cufón</a>, but that sounds like swatting a fly with a sledgehammer. In any case, if you used that for <em>all</em> text on your site, I'd expect the performance to be pretty horrible.</p>
    singulars
    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. 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