in Technology

Blurry Micro font in IE (like in case of using MTCodeBeautifier)

I have seen this issue on a couple of blogs and was there even on my blog too, hope things are cleared now or atleast with the next upcoming blog version of mine, things should be all fine. I am talking about the micro font size in IE specially those codes using MTCodeBeautifier.

If you are using relative font like em, setting your
body { font-size: 76%; }

Then using ems like
p, pre {
font : 400 1.0em/1.6em “Courier New”, Courier, monospace;
}

will definitely stop IE from showing fonts as micro, which keeps the text more or less legible when the user sets his/her font size to smallest or you define it as small, read further here at typography page at noodle incident. While we are here, this link should also be worth a read.

  1. What I do is add this to my stylesheet:

    pre { font-family:"Courier New", Courier, mono; font-size: small; }

    And wrap my code inside 'pre' tags.

  2. What I do is add this to my stylesheet:

    pre { font-family:"Courier New", Courier, mono; font-size: small; }

    And wrap my code inside 'pre' tags.

  3. I found there were diferent versions of micro floating around ... one distorted and the other didn't. There are also good replacments for micro I think that don't distort ..

  4. I found there were diferent versions of micro floating around ... one distorted and the other didn't. There are also good replacments for micro I think that don't distort ..

Comments are closed.