导入CSS断开的图标

我决定将其他CSS文件与单个CSS文件结合起来

mystyles.css

@charset "utf-8";
@import url("font-awesome.min.css");
@import url("bootstrap.css");
@import url("bootstrap-theme.css");


html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll
}

它似乎包含CSS，但font awesome停止显示图标，因为它还引用了以下字体：

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');

我的文件结构是

/incl/css/mystyles.css
/incl/fonts/font files

---

如何修复图标？

考虑使用FontAwesome的CDN，它可以防止此类问题

此外，通过这种方式，您可以快速更新它

注册并获取您的嵌入代码

---

或者直接检查版本：

好的，修复路径。还有什么？