Search code examples
cssfont-facewebfonts

Roboto font doesn't work in Firefox

I'm working on a blog design and the main font is Roboto, it's from Google fonts site.

The problem is that it's doesn't rendered correctly in Firefox, instead of using Roboto font, Firefox use Tahoma.

@font-face
{
    font-family: Roboto-Regular;
}

@font-face
{
    font-family: Roboto-Bold;
}

It works well in Chrome and Safari.

Thanks,

Solution

  • I created a quick page which shows 3 fonts, Roboto, Tahoma and the default: 

    <html>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
    <body>
    <p class="roboto">The quick brown fox jumps over the lazy dog</p>
    <p class="tahoma">The quick brown fox jumps over the lazy dog</p>
    <p>The quick brown fox jumps over the lazy dog</p>
  </body>
</html>

    http://codepen.io/anon/pen/bptvC

    On firefox it shows Roboto.