@ font-face在FireFox中仍然無法使用。問題與字體的類型？

我知道，這個問題被問到here，但我已經嘗試過提到的解決方案沒有影響。@ font-face在FireFox中仍然無法使用。問題與字體的類型？

我的CSS declration樣子：

@font-face { 
     font-family: gillsans; 
     src: url('gillsans.TTF'); 
    }

此作品在Chrome而不是Firefox瀏覽器。

古怪的是，我有一個使用完全相同的聲明，但是使用不同的字體其他網站和它的作品罰款：

@font-face 
{ 
    font-family: bebas; 
    src: url('bebas.TTF'); 
}

難道這有事情做與實際的字體文件？

我也試圖修改我的.htaccess文件的建議：

AddType font/ttf .ttf 
AddType font/eot .eot 
AddType font/otf .otf 
AddType font/woff .woff 

<FilesMatch "\.(ttf|otf|eot)$"> 
    <IfModule mod_headers.c> 
     Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch>

同樣沒有在FireFox結果。

我試圖改變.TTF到.tff和文件提供絕對路徑，但仍然一無所獲。

任何人都可以提出一些建議，我可以嘗試嗎？

唯一可能的東西都會是是，這個網站是處於開發階段，因此使用臨時網址，但我不明白怎麼會影響它。

來源

2013-12-14 MeltingDog

所以，我下載吉爾三世（仍然TTF）的另一個版本，並更換了一個我認爲固定它。奇怪的。

來源

2013-12-14 05:07:29 MeltingDog

嘗試其他字體類型，如EOT，WOFF & SVG。要轉換您可以使用http://www.onlinefontconverter.com/

，然後嘗試在你的風格或CSS文件的代碼：

<style type="text/css"> 
@font-face { 
    font-family:'bebas'; 
    src:url('bebas.eot');/*IE9 or later*/ 
    src:local('bebas'),/*check for font installation*/ 
     local('b ebas'),/*check for font installation in some browsers like Safari*/ 
     url('bebas.eot?#iefix') format('embedded-opentype'),/*hack for IE8 or earlier*/ 
     url('bebas.woff') format('woff'),/*new browsers*/ 
     url('bebas.ttf') format('truetype'),/*all browsers excpet IE*/ 
     url('bebas.svg#bebas') format('svg');/*old iOs*/ 
} 
.bebas-ft{ 
    font-family:bebas, Tahoma, Geneva, sans-serif; 
} 
</style>

而且也不用修改.htaccess文件這樣簡單的事情！

來源

2013-12-14 05:43:28

@ font-face在FireFox中仍然無法使用。問題與字體的類型？

回答

相關問題