@font-face中的CSS相对路径

@font-face中的CSS相对路径,css,font-face,relative-path,Css,Font Face,Relative Path,在Firefox、Chrome、IE中测试 -index.html -foo |-my.css |-bar.jpg |-qux.ttf |- ... 这正在工作(绝对路径) 这正在工作(相对路径) 这正在工作(绝对路径) =>此不起作用(相对路径) 适用于背景,但不适用于@font-face 我感谢你的帮助 问题的解决方案是编辑browserSync设置(baseDir) 谢谢@Roy谢谢你提高了我的问题和英语水平。 div.class

在Firefox、Chrome、IE中测试

-index.html
    -foo
      |-my.css
      |-bar.jpg
      |-qux.ttf
      |- ...
这正在工作(绝对路径)

这正在工作(相对路径)

这正在工作(绝对路径)

=>此不起作用(相对路径)

适用于
背景
,但不适用于
@font-face


我感谢你的帮助

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


谢谢

@Roy谢谢你提高了我的问题和英语水平。
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');}