Roboto font issue in chrome

Question

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 :

In firefox :

https://en.wikipedia.org/wiki/Typographic_ligature – CBroe Sep 27 '16 at 10:19 — CBroe, Sep 27 '16 at 10:19

score 7 · Accepted Answer · answered Sep 27 '16 at 10:20

7

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

MDN: "font-variant-ligatures"

Demo

Try before buy

answered Sep 27 '16 at 10:20

insertusernamehere

23,204
9
87
126

1

Thank you so much @insertusernamehere Got one new thing to learn. :) – Jimish Fotariya Sep 28 '16 at 14:56

Roboto font issue in chrome

1 Answers1