@ font-face中的CSS相对路径

时间:2016-03-13 18:06:27

标签: css font-face relative-path

在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

我很感激帮助。 :)

1 个答案:

答案 0 :(得分:0)

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

由于