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字體

回答

相關問題