@ font-face在某些字體上停止工作

Question

我在我的網站上使用@ font-face 2種字體。 其中一個停止工作 - 我檢查了一切，嘗試了不同的語法，但沒有把它帶回來。 這裏是我的CSS：

@font-face 
{ 
font-family: 'gotham'; 
src:url(http://www.odednaaman.com/fonts/gothambook.eot) format('eot'); 
src:url(http://www.odednaaman.com/fonts/gothambook.ttf) format('truetype'), url(http://www.odednaaman.com/fonts/gotham-book.otf) format('opentype'), url(http://www.odednaaman.com/fonts/gothambook.woff) format('woff'), url(http://www.odednaaman.com/fonts/gothambook.eot?iefix) format('embedded-opentype');  
} 

@font-face 
{ 
font-family: 'yank'; 
src: url(http://www.odednaaman.com/fonts/yank.ttf) format('truetype'); 
} 

的 「美國佬」 字體仍然運轉完好。使用chrome進行QA。

網站：www.odednaaman.com

任何想法？

感謝， 俄德

Answer 1

的src應該只有一次，但你在你的第一個@字體面兩次。所以，使用此：

@font-face 
{ 
font-family: 'gotham'; 
src:url(http://www.odednaaman.com/fonts/gothambook.eot) format('eot'), 
    url(http://www.odednaaman.com/fonts/gothambook.ttf) format('truetype'), 
    url(http://www.odednaaman.com/fonts/gotham-book.otf) format('opentype'), 
    url(http://www.odednaaman.com/fonts/gothambook.woff) format('woff'), 
    url(http://www.odednaaman.com/fonts/gothambook.eot?iefix) format('embedded-opentype');  
} 

@font-face 
{ 
font-family: 'yank'; 
src: url(http://www.odednaaman.com/fonts/yank.ttf) format('truetype'); 
} 

Answer 2

通過Chrome瀏覽器的控制檯：

無法加載資源：服務器與404（未找到）狀態迴應 http://www.odednaaman.com/fonts/ygothambook.woff

如此看來，你需要上傳.woff文件。