Question

我决定通过将其他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-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');

我的文件结构是

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

如何修复图标？

Answer 1

考虑使用FontAwesome的CDN，它可以防止出现这种问题。

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

注册并获取嵌入代码http://fontawesome.io/get-started/

或直接（查看版本）：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

导入CSS打破了图标

1 个答案: