Question

我试图嵌入字体，就像我总是使用FontSquirrel生成的CSS一样，只使用相对路径：

@font-face {
    font-family: 'MyFontFamily';
    src: url('config/templates/fonts/MyFont.eot');
    src: url('config/templates/fonts/MyFont.eot?#iefix') format('embedded-opentype'),
     url('config/templates/fonts/MyFont.woff') format('woff'),
     url('config/templates/fonts/MyFont.ttf') format('truetype'),
     url('config/templates/fonts/MyFont.svg#MyFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

这似乎不起作用。

将其更改为/base/config/templates/fonts...可以解决问题，但是为了应用程序，最好使用相对路径。

字体文件执行相对于正在使用它们的文档存在。

字体导入的相对路径是否不可接受？这里发生了什么？

Answer 1

将其更改为：

./config/templates/fonts/...

或者在某些情况下：

../config/templates/fonts/...

取决于您的结构。

使用CSS嵌入字体无效的相对路径？

1 个答案: