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, 2016 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, 2016 at 19:45
  • Reproduced in Internet Explorer 11 on Windows 10.
    – wizzwizz4
    Apr 30, 2016 at 18:33

2 Answers 2


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, 2016 at 21:26
  • @Johannes Indeed. It's a rendering error for the font at certain sizes Apr 13, 2016 at 3:22

Looks fine for me:

enter image description here

  • Same here, looks perfectly alright
    – PieBie Mod
    Apr 9, 2016 at 23:21
  • Looks fine for me too
    – Cai
    Apr 10, 2016 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 Mod
    Apr 10, 2016 at 17:34

You must log in to answer this question.

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