Firefox中粗糙的.ttf字体

我最近开始在我的项目中使用@font-face属性，并且它在大多数情况下都能很好地工作。不过，我注意到一些.ttf字体文件（从Fontsquirrel.com下载）在Firefox中看起来非常不稳定，但在Chrome中看起来很棒。我知道.ttf文件应该可以在Firefox和Chrome上运行，并且似乎是这种情况，但这种不稳定性非常恼人。任何人都可以为这种行为提供解决方案，并且一般而言，建议一种实现跨浏览器字体的可靠方法？Firefox中粗糙的.ttf字体

来源

2013-04-17 Ronophobia

你有最新的firefox版本吗？我不认为有很多事情要做。除了试图找到更好的字体。 – btevfik

是的Firefox 20.0.1。我解决了我的问题，在下面发布。感谢您的时间！ – Ronophobia

我使用the fontsquirrel webfont generator解决了我的问题。这是一个令人惊讶的工具，我向任何面临跨浏览器字体问题的人推荐。此外，像这样的格式在大多数情况下工作：

@font-face { 
    font-family: Roboto; 
    font-style: normal; 
    font-weight: normal; 
    src: url('../content/Fonts/roboto-regular-webfont.eot'); 
    src: url('../content/Fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../content/Fonts/roboto-regular-webfont.woff') format('woff'), 
     url('../content/Fonts/roboto-regular-webfont.ttf') format('truetype'), 
     url('../content/Fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg'); 
}

来源

2013-04-17 07:03:31 Ronophobia

当你说fontsquirrel我已经假定你使用了webfont生成器。所以没有推荐它。我总是使用它。 – btevfik

对不起，我的错误。我之前做的工作就是以任何一种格式（通常是.ttf或.otf）在网站上下载单个字体的字体拉链，然后使用在线工具将文件转换为其他字体类型。猜猜那些在线工具不如webfont生成器。 – Ronophobia

Firefox中粗糙的.ttf字体

回答

相关问题