This is driving me crazy now.

Some websites I visit always display the letter i as capital I instead. Even though it is in the middle of a word. See example:

enter image description here

  • This happens both with Chrome and Edge (IE) on Windows 10 machine
  • Same happens from a Virtual Machine hosted on Azure.
  • Displays correctly on PC with Windows 7 and my android tablet.

I cannot remember other websites that do this but this one is from http://www.entrepreneur.com/

  • 1
    What if you zoom in (Ctrl + +)? Does the dot separate from the i or do they still stick together? – Hexaholic Feb 1 '16 at 14:52
  • Is it only on specific sites? in that case inspect the CSS in your browser's developer tools to determine whether the site is specifying a font, or an odd font-family. – Frank Thomas Feb 1 '16 at 14:55
  • @Hexaholic Damn ... spot on. Zooming in to 125% and then it displays normally. Strange stuff :D – Pepys Feb 1 '16 at 15:07
  • 2
    @Pepys Might be a font that has a small gap in the i, combined with a small font size. The resulting space below the dot is probably smaller than a pixel of your screen, so it just can't be displayed. I wonder if someone has a solution for this... – Hexaholic Feb 1 '16 at 15:14
  • 1
    @fixer1234 yeAh it is not A reAl problem At All but is simply Annoying reAding 2-pAge Article with rAndom cApitAl letters (sorry :) – Pepys Feb 2 '16 at 20:08

It's still a lowercase i!

What you are experiencing seems to be a combination of a custom font on the website and a small font size. It is simply not large enough for your screen.

As you say, zooming into the text on the page makes the white space between the dot and the rest of the i visible. This proves that the problem is the resolution of your screen, which does not provide a pixel size small enough to display the white pixel below the dot.

There are two workarounds (not solutions) I can think of:

  • Slightly increasing the zoom level by about 10% is an easy workaround. It's quickly done and browsers keep the setting for all tabs (at least Chrome does).

  • If you really need a permanent solution, a user script plugin like Greasemonkey (Firefox) or Tampermonkey (Chrome) might be a way to automatically increase font sizes on small text elements. You will have to know some JavaScript, as a complete tutorial would be out of scope of this post.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.