2011-03-20 16 views
0

從FontSquirrel的字體生成器中生成了幾個webfont工具包,將它們放到css文件中,但它們工作,但前提是這些文件與css文件位於同一目錄中。從fontsquirrel網站生成的網頁字體,如何更改目錄?

如何在指定不同的目錄時使它們工作?

本次代碼:

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

我想所有的文件住在/assets/webfonts

我試圖/assets/webfonts../assets/webfonts ......這些不工作...

謝謝你,湯姆

回答

2

根據W3C

完整的URL相對於源解釋樣式表,不是相對於文檔

那麼,哪裏有t他字體位於相對於您的CSS?

/assets/webfonts/表示開始查找根文件夾。

../assets/webfonts/查找路徑啓動一級目錄

如果您assets文件夾是你的CSS是在文件夾中的子目錄,嘗試assets/webfonts/

+0

樣式表在/資產/ CSS,字體是/ assets/webfonts,所以它應該是../webfonts/ ??我會嘗試,我已經嘗試了其他兩個想法,這是行不通的...謝謝,湯姆 – Tom 2011-03-22 09:34:38

+0

我試過url('webfonts/chunkfive-webfont.woff')格式('woff'),舉一個例子,和url('/ webfonts/chunkfive-webfont.woff')格式('woff'),都沒有工作。 注意:woff不是我使用的唯一webfont,這只是一個示例url文本。 /是根 /資產包含/ CSS和/網絡字體 瀏覽器將只顯示網絡字體如果URL被指定爲 URL(「chunkfive-webfont.woff」)格式(「WOFF」),這意味着字體是在與調用的css文件相同的文件夾。 所以我想我必須離開CSS字體在CSS目錄,直到我找到一個更好的解決方案。 謝謝,湯姆 – Tom 2011-03-26 13:39:58

+0

解決:必須使用../webfonts目錄 – Tom 2011-03-26 23:59:55