Roboto Condensed Font在mozilla firefox中无法正确呈现

Question

我正在使用从谷歌网络字体下载的RobotoCondensed。我正在使用我服务器上的字体。我已经创建了如下的CSS。

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.eot');
    src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/RobotoCondensed-Light.woff') format('woff'), 
         url('../fonts/RobotoCondensed-Light.ttf')  format('truetype'), 
         url('../fonts/RobotoCondensed-Light.svg#svgFontName') format('svg'); 
    }

  

指定的所有字体类型都存在于我在网址中指定的文件夹中。

我正在使用像这样的字体系列

font-family: 'Roboto Condensed', sans-serif;

关于IE9和Chrome，情况正在顺利进行。但是当谈到Mozilla Firefox时并非如此。

有没有解决方案？

Answer 1

我正在使用Google Fonts Api中的一个，它适用于Firefox：

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff');
}

也许尝试指定风格和重量。

Answer 2

删除：font-weight：300;来自woff