cssgoogle-chromefirefoxfontsroboto

Roboto font issue in chrome

I'm having the issue in chrome with Roboto font family.
This works fine in firefox but chrome is not giving letter spacing between F and L as you can see in pictures.

In chrome : enter image description here

In firefox : enter image description here

Solution

  • This is called a typographic ligature. You can stop Chrome from displaying it, like this:

    h1 {
    letter-spacing: 10px;
    font-variant-ligatures: none;
}

    Unfortunately this doesn't work throughout all webkit browsers. Safari will show the ligature anyway.

    Read more

    Demo

    Try before buy