CSS @font-face 中的相对路径

Question

在 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。

感谢您的帮助。 :)

Answer 1

问题的解决方法是编辑browserSync设置（baseDir）。

谢谢

CSS relative path in @font-face