@Font-face不工作?

时间:2011-08-01 12:57:12

标签: html css fonts font-face

我无法尝试让字体样式在本地运行。我知道它应该在本地工作,因为我从font-squirrel下载的文件夹正确呈现。

我已将所有内容复制并粘贴到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>

我的字体文件都在根目录,与我的索引文件相同。

任何帮助都会很棒,谢谢你

1 个答案:

答案 0 :(得分:2)

在单独的CSS文件中指定的@ font-face网址必须具有相对于此CSS的网址

例如:

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

如果CSS文件比存储字体文件的文件夹高一层。