谷歌Chrome的字體表面

由於有些日子以來，我的Google Chrome瀏覽器並沒有顯示特殊的字體：帶有font-face的CSS。谷歌Chrome的字體表面

@font-face { 
    font-family: 'Babel Sans'; 
    src: url('../fonts/babelsans.eot'); 
    src: url('../fonts/babelsans.eot?#iefix') format('eot'), 
     url('../fonts/babelsans.woff') format('woff'), 
     url('../fonts/babelsans.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

所有的Safari瀏覽器，火狐瀏覽器和IE瀏覽器都能正常工作，而且它在上週工作的很好。有人有同樣的問題，有人知道我可以解決它嗎？

感謝，

來源

2012-07-04 alexmngn

你可以讓我們看看你是如何實際執行在你的代碼... – Trufa

@EliranMalka，他說，它在其他瀏覽器工作正常。 –

@NadavS。感謝您的澄清！我刪除了我的答案抱歉忽視！ – Trufa

現在工作，我認爲谷歌已經更新瀏覽器。

來源

2012-07-09 17:17:49 alexmngn

由於當時Chrome瀏覽器的更新一個星期左右，你可以嘗試使用較舊版本的找出它是否是一個錯誤（我自己沒有發現任何問題）。獲取一個在http://www.oldapps.com/google_chrome.php。
此外，請檢查您是否將此字體加入其他字體相關的CSS值（如果是，請將其停用）。過去有些問題實際上已經解決，但您永遠不知道...

來源

2012-07-04 23:25:15 32bitfloat

自Chrome 20更新後，我遇到同樣的問題。這件事發生在Windows Xp和Mac OS X 10.6.8中。 Safari和Mobile Safari（與Chrome共享WebKit引擎）與Firefox和IE完全相同。我的css代碼和你的完全一樣。在檢查員看來，該字體似乎沒有得到下載。有時在我的網站中導航不同的頁面（共享相同的css外部文件）時，字體會加載並正確顯示。

仍在試圖解決這個...

編輯：

我設法解決這個問題。我不知道爲什麼，但使用這個工作： http://www.fontsquirrel.com/fontface/generator/

我上傳了我的字體，得到了CSS和轉換的文件，並將照片上傳到我的服務器和更換字體面聲明...金光閃閃！有用！希望也適合你！

來源

2012-07-05 13:27:05 Stefano

第一：你字體使用轉換這個service如先生Stefano建議：

後來用這個CSS代碼中使用您的字體在您的項目：

@font-face { 
    font-family: 'aljazeeraregular'; 
    src: url('aljazeera-webfont.eot'); 
    src: url('aljazeera-webfont.eot?#iefix') format('eot'), 
     url('aljazeera-webfont.woff') format('woff'), 
     url('aljazeera-webfont.ttf') format('truetype'), 
     url('aljazeera-webfont.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

body { 
    background-color: #eaeaea; 
    font-family: 'Aljazeera'; 
    font-size: 14px; 
}

注意，當你在打電話font-family您的網站必須使用其原始名稱，而不是您在@font-face中聲明的名稱。

來源

2013-08-16 11:10:26 user2644295

這與問題無關。 – alexmngn

谷歌Chrome的字體表面

回答

相關問題