材料设计图标显示完全错误的图标

时间:2019-07-11 23:32:03

标签: javascript html css material-design

我问这个问题是因为其他人没有为我回答这个问题。问题是应该显示的图标是随机的图标,在我的代码中没有位置。例如,当我使用时:

<i class="md md-person"></i>

应该在那里显示一个人形图标。但是,我的Web应用程序显示平板电脑或某种电话。

有关更多信息,我正在使用Heroku通过Express托管我的Node.js应用程序。

This is what my icons look like.

This is what I want it to look like.

这些都是我在HTML中的所有内容:

<link href="assets/plugins/tablesaw/dist/tablesaw.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/bootstrap-sweetalert/sweetalert2.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/nvd3/build/nv.d3.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/core.css" rel="stylesheet" type="text/css">
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
<link href="assets/css/components.css" rel="stylesheet" type="text/css">
<link href="assets/css/pages.css" rel="stylesheet" type="text/css">
<link href="assets/css/menu.css" rel="stylesheet" type="text/css">
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css">
<link href="assets/css/_main.css" rel="stylesheet" type="text/css">
<script src="assets/js/modernizr.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/detect.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/fastclick.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.slimscroll.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.blockUI.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/waves.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/wow.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.nicescroll.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.scrollTo.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/plugins/switchery/switchery.min.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.core.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/jquery.app.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="assets/js/_main.js" type="566ead401d4a289a66320f2a-text/javascript"></script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/a2bd7673/cloudflare-static/rocket-loader.min.js" data-cf-settings="566ead401d4a289a66320f2a-|49" defer=""></script>

我还尝试了将不同版本的材料设计图标(例如v1.0.1)保持不变。

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

通过检查项目进行检查,以确定是否有任何帐户正在覆盖或未加载源。

enter image description here