css字体的路径

Question

所以这是我的字体的路径：project-＆gt; assets-＆gt; css-＆gt; fonts，而在fonts文件夹中是我的字体文件。我试过这种方式：

@font-face {
  font-family: 'ralewaythin';
  src: url('assets/css/fonts/raleway_thin-webfont.svg') etc

但我真的很喜欢路径。对不起，如果这真的很愚蠢，但我真的无法理解它们

Answer 1

  

允许使用相对URL，并且相对于样式表的URL（而不是网页的URL）。

来自MDN。

因此，如果您使用的是相对路径，请注意.css文件的路径。假设您的文件也位于assets/css目录中，则最可能的路径是：

@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway_thin-webfont.svg');
    ...
}

但绝对的网址也很好（也不建议）。所以http://www.yoursite/assets/css/fonts/raleway_thin-webfont.svg应该也可以。

Answer 2

您必须从CSS文件存在时传递引用/相对路径。不是项目路径。所以你的src网址应该是

url('fonts/raleway_thin-webfont.svg')

由于

Answer 3

您必须传递字体文件所在的正确路径。该路径可能与您的.css文件有关。如果您可以按照标准文件夹结构处理所有项目，那么它不会太混淆。如果您使用的是Google字体CDN或任何其他实时链接，则无需担心本地文件路径。