Question

我在wordpress网站上使用YanoneKaffeesatz字体。因此，首先使用此字体，我从FontSquirrel生成代码。然后我得到了这段代码

@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文件中并将所有转换后的字体（.otf，.svg，.ttf）粘贴到我的网站文件夹中，但我的字体仍未更改。那么有人可以告诉我为什么会这样吗？任何帮助和建议都会非常值得赞赏。

Answer 1

字体文件与样式表在同一个目录中吗？你现在指的是那个目录。 CSS中的路径是相对于样式表而不是根目录。

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

使用上述结构，您可以将其用作您的网址。

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

字体系列在css不工作

1 个答案: