2014-09-25 56 views
1

設計者向我發送一些字體以供在網站上使用。這裏是我的fonts.css文件:Web字體只適用於Mac和Chrome的Chrome和Safari,

/* Delicious */ 

/* Delicious Bold */ 

@font-face{ 
    font-family: 'delicious'; 
    src: url('fonts/delicious-bold-webfont.eot'); 
    src: url('fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/delicious-bold-webfont.woff') format('woff'), 
     url('fonts/delicious-bold-webfont.ttf') format('truetype'), 
     url('fonts/delicious-bold-webfont.svg#webfont') format('svg'); 
}  

但很顯然,我的Mac上,但只有在Chrome和Safari這只是工作,沒有任何人看到一個錯誤Ø有一些意見來解決這個問題,因爲在Linux或Windows無論您使用的是Chrome,Safari,IE還是Opera,這都不起作用。

感謝您的幫助球員。

UPDATE


線的css文件:

font-family: 'delicious', Arial, sans-serif; 
+0

你錯過了美味的重,美味,斜體和delicous-小破折號,可能會使你的delicous字體不工作 – Pete 2014-09-25 08:31:50

+0

您能否顯示您用於實際使用字體的CSS?例如'#something {font-family:Delicious-BoldItalic; }' – 2014-09-25 08:33:10

+0

@Blowski感謝您的幫助。我只是用你提供的信息來更新這個問題。 – Jean 2014-09-25 08:37:56

回答

2

使用瀏覽器的開發工具,以查看是否實際上是被包含的文件。

在Chrome中單擊右鍵,檢查元件網絡。你應該看到字體文件被包含在某個地方。我的猜測是,無論是字體路徑是錯誤的,或協議阻止訪問他們在一些瀏覽器

相關問題