CSS字體網址無效？

林有一些麻煩與@字體面選擇，我有以下...CSS字體網址無效？

@font-face { 
    font-family: 'MuseoSans-700'; 
     src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot'); 
     src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot?#iefix') format('embedded-opentype'), 
      url('style_159306.woff') format('woff'), 
      url('style_159306.ttf') format('truetype'); 
    }

只有我的字體的arent渲染，而是我是在我的顯示回落，Arial字體。

如果我把url粘貼到我的瀏覽器的字體中，它會要求我下載，所以我知道這些鏈接是正確的，有沒有什麼我在做錯了上述？

林調用使用字體...

h1 { 
color:#272727; 
font:108px 'MuseoSans-700',Helvetica,Arial,sans-serif; 
letter-spacing:-7px; 
}

感謝

來源

2011-11-12 Liam

您正在使用哪種瀏覽器？ –

Firefox，Ive也在Chrome中進行了測試 – Liam

Nevermind現在似乎在Chrome中工作，任何想法爲什麼FF不會渲染它？ – Liam

看看這篇關於bullet-proof @ font-face語法的文章。 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

你也沒有指定它正在工作或沒有工作的瀏覽器，所以我認爲它沒有在任何工作。

來源

2011-11-12 13:54:31 Strelok

.eot是Internet Explorer。
嘗試雜項文件

因此，在實踐中，你需要有兩個，像

例如

@font-face { 
    font-family: 'MuseoSans-700'; 
src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot'); 
src: url('http://mysite.co.uk/clients/reload/Images/style_159306.otf'); 
}

一個很好的教程是在這裏：http://www.evotech.net/blog/2010/01/font-face-browser-support-tutorial/

Strelok的參考保羅愛爾蘭的文章也很不錯。

來源

2011-11-12 13:53:01

CSS字體網址無效？

回答

相關問題