2011-08-01 159 views
3

我試圖讓本地的字體樣式工作時遇到了麻煩。我知道它應該在本地工作,因爲我從字體松鼠下載的文件夾呈現正確。@字體不工作?

伊夫複製並粘貼一切正好成fontsquirrel提供的相同的文件夾結構...

CSS

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

#primary-navigation {font-family: 'URWClassicoItalic'; font-size:2em} 

HTML

<div id="primary-navigation">TEST</div> 

我的字體文件都在根,與我的索引文件相同的目錄。

任何幫助將是輝煌的,三江源

+0

humm ...我一直認爲瀏覽器在客戶端操作系統本地安裝的本地字體 – heximal

+0

也是你的css文件也在根目錄中?或者是這種風格在索引文件中實現? – Semyazas

+0

沒有我的CSS文件在一個包含文件夾中,它的引用正確,因爲我可以通過查看源代碼 – Liam

回答

2

@了在一個單獨的CSS文件中指定的字體面網址必須相對的URL這個CSS

例如:

src: url('../urw_classico_italic-webfont.eot'); 

如果CSS文件位於文件夾的上一級,則存儲該字體文件的位置。