Why Extra Space with letter "w" with font-family:arial and font-size:11px?

1.4k views Asked by At

In IE 11 , the letter "w" comes with extra space. i.e. : "Password" becomes "Passw ord"

This only happens when font-family = arial and font-size = 11px.

body, table, input, select, textarea { 
        font: 11px normal Arial, Helvetica, sans-serif;
    }

anybody know the reason behind it ?

1

There are 1 answers

3
skobaljic On

Seems like IE11 has a problem with letter spacing. To fix this follow this article which says:

...add the Web site as a trusted site:

Open up IE11
Click on Tools on the top menu bar
Click on Internet Options
In the Internet Options popup, click on the Security tab
Then click on the Trusted sites button titled Sites
In the Trusted sites popup (if necessary) uncheck the checkbox labeled Require server verification (https:) for all sites in this

zone Then add your site’s base URL in the textbox labeled Add this website to this zone (for example: http://example.com)

When you’ve added your site to the trusted sites list, you should see that the letter spacing problem is now fixed.