Roboto Condensed字体在mozilla firefox中无法正确呈现 [英] Roboto Condensed Font not rendering properly in mozilla firefox

问题描述

我使用从Google Web Fonts下载的RobotoCondensed。我使用从我的服务器的字体。

  @ 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时，并不是这样。

解决方案

除了mozilla firefox>

<

我使用的是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'）; 
} 
  

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

I am using RobotoCondensed downloaded from google Web Fonts. I am using the font from my server. I have created the css like below.

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

All the font types specified are present in the folder that I have specified in the url.

I am using the font family like this

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

The things are going smooth with respect to IE9 and Chrome. But when it comes to Mozilla Firefox it is not so.

Is there any solution for this?

解决方案

I'm using the one off the Google Fonts Api and it works in 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');
}

Maybe try specifying style and weight.

这篇关于Roboto Condensed字体在mozilla firefox中无法正确呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！