3

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/

Improve this question
11
  • 1
    What if you zoom in (Ctrl + +)? Does the dot separate from the i or do they still stick together?
    – Hexaholic
    Commented Feb 1, 2016 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
    Commented Feb 1, 2016 at 14:55
  • @Hexaholic Damn ... spot on. Zooming in to 125% and then it displays normally. Strange stuff :D
    – Pepys
    Commented Feb 1, 2016 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
    Commented Feb 1, 2016 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
    Commented Feb 2, 2016 at 20:08

1 Answer 1

Reset to default
4

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.

Improve this answer
0

You must log in to answer this question.

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