@font-face 中的 CSS 相对路径

在 Firefox、Chrome、IE 中测试

-index.html
    -foo
      |-my.css
      |-bar.jpg
      |-qux.ttf
      |- ...

这是有效的(绝对路径)

div.class {background: url(http://www.foobar.com/foo/bar.jpg);}

这是有效的(相对路径)

div.class {background: url(bar.jpg);}

这是有效的(绝对路径)

p.class {font-family: 'qux'; src: url(http://www.foobar.com/foo/qux.ttf) format('ttf');}

=> 这不工作(相对路径)

p.class {font-family: 'qux'; src: url(qux.ttf) format('ttf');}

适用于background，但不适用于@font-face。

感谢您的帮助。 :)

最佳答案

问题的解决方案是编辑 browserSync 设置 (baseDir)。

谢谢

关于@font-face 中的 CSS 相对路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35973817/

相关文章：

javascript - 悬停文本链接时显示图像？