css中的字體家族不起作用

我在我的wordpress網站上使用了YanoneKaffeesatz字體。所以要首先使用這個字體，我從FontSquirrel生成代碼。後來我有這段代碼css中的字體家族不起作用

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

然後我粘貼到我的CSS文件中的代碼並將其粘貼在我的網站文件夾中所有的轉換後的字體（雜項文件，.SVG，.TTF），但仍然是我的字體一直沒有改變。那麼有人能告訴我爲什麼會發生這種情況嗎？任何幫助和建議將非常可觀。

來源

2012-10-09 amit patel

你真的需要顯示你的目錄結構來解決這類問題。不可能看到你是否有正確的路徑用於字體。 – daveyfaherty

字體文件是否與樣式表位於相同的目錄中？您目前正在指向該目錄。 CSS中的路徑與樣式表相關，而不是根。

root 
    -css/styles.css 
    -images/ 
    -fonts/ 
    index.html

有了上述結構，你可以使用它作爲你的URL。

url('../fonts/your_font.font;);

來源

2012-10-09 13:04:43 SpaceBeers

是的...在wordpress中，我的css文件位於根文件夾中，而且我的字體也位於同一個文件夾中。 –

爲什麼你的CSS在根目錄下？它不應該在你的主題？ – SpaceBeers

你可以請你的發展URL，所以我們可以檢查問題？我很確定@SpaceBeers是對的 –

css中的字體家族不起作用

回答

相關問題