internet-explorerfirefoxwebfontsroboto

Firefox an IE renders fonts badly, eg Roboto font


I use angular material design and so I have Roboto font in it. Aclually there are some other fonts but they have same issues.

Roboto font looks like below in Firefox and IE(left) and Chrome(right):

Sampleenter image description here

Why looks nice in Chrome but have that strange issues in FF and IE? How to solve this problem?


Solution

  • Solve the problem by this:

    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    

    Tried to do this by css @import but no luck.