3

At least on my computer the lower case i and j looks awkward and misleading in heading level number 3 (<h3> or ###).

This means the following sample block

#Every jack will find his jill.
##Every jack will find his jill.
###Every jack will find his jill.

yields this screenshot from my screen:

sample Header #1, Header #2 and  #3 of the text 'linebreak Ii'

and gets rendered like this on your monitor:

Every jack will find his jill.

Every jack will find his jill.

Every jack will find his jill.


As @Zach Saucier pointed out "it's a font rendering error at certain sizes" and interestingly when zooming in or out the text gets rendered properly …

How to fix this problem?


Edit I: I am using Mozilla Firefox 45.0.1 on Windows 7

| |
  • Interestingly enough it also looks fine when you zoom out. – Hanna Apr 12 '16 at 21:26
  • @Johannes: Yes you are right, as Zach Saucier pointed out it’s a rendering error at a certain size – elegent Apr 14 '16 at 19:45
  • Reproduced in Internet Explorer 11 on Windows 10. – wizzwizz4 Apr 30 '16 at 18:33
3

I see it as well on Chrome, Firefox, and Edge on Windows 10.

There was a Chrome bug that had a similar issue in the past (it says it's been fixed but it still has shown up on all of my devices for a couple years now).

| |
  • I'm on Windows 7 with Chrome 49, also see the issue. – Hanna Apr 12 '16 at 21:26
  • @Johannes Indeed. It's a rendering error for the font at certain sizes – Zach Saucier Apr 13 '16 at 3:22
0

Looks fine for me:

enter image description here

| |
  • Same here, looks perfectly alright – PieBie Apr 9 '16 at 23:21
  • Looks fine for me too – Cai Apr 10 '16 at 2:58
  • I take it back; looks OK on mobile Chrome (Android M), but looks like elegent's issue on Opera 36 and Chrome 49 – PieBie Apr 10 '16 at 17:34

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .