0

我正在使用从 google Web Fonts 下载的 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'); 
    }

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

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

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

就 IE9 和 Chrome 而言，事情进展顺利。但是对于 Mozilla Firefox，情况并非如此。

除了 Mozilla Firefox

有什么解决办法吗？

4

2 回答 2

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');
}

也许尝试指定样式和重量。

于 2013-06-04T06:48:58.003 回答
0

只需删除：字体粗细：300；来自 woff

于 2014-03-12T09:01:24.040 回答