2013-02-27 91 views
0

我的網站的字體呈現出現問題。徽標字體在Chrome和Safari瀏覽器中正確渲染,但不在Firefox中。firefox字體渲染不正確

這是CSS代碼:

@font-face { 
    font-family: 'Bello Pro'; 
    src: url('./Bello Pro.otf'); 
} 

.logo { 
    font-family: 'Bello Pro'; 
    font-size: 40px; 
    font-weight: lighter; 
} 

在此先感謝

回答

2

確保Firefox的版本,同時支持@font-face,和你的字體格式。您可能還想檢查權限,有時firefox不會根據原始策略和/或某些格式呈現字體。

您應該使用在線字體轉換器並提供所有格式的字體(otf,ttf,eot,woff,svg)。

+0

P.S.,我刪除了我的其他答案,因爲我第一次誤讀了你的問題。我以爲你在說Firefox很糟糕,而不是渲染它。 – 2013-02-27 17:24:43

+0

嗨,它是在Firefox中呈現,但它只是沒有使用我指定它使用默認字體的字體。但是在Chrome和Safari瀏覽器中,它是bello pro – 2013-02-27 17:46:42

+0

沒錯,就像Firefox那樣,如果字體資源不存在。你有螢火蟲嗎?如果是這樣,請嘗試檢查調試器中的任何錯誤,看看是否可以找到任何東西。 – 2013-02-27 18:53:25