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

Posted 2023-02-22

【中文标题】显示完全错误图标的材料设计图标

【英文标题】：Material Design Icons Showing Completely Wrong Icons

【发布时间】：2019-11-21 17:21:56

【问题描述】：

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

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

那里应该显示一个人形图标。但是，我的网络应用程序显示的是平板电脑或某种手机。

有关更多信息，我正在使用 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，没有任何变化。

非常感谢任何帮助。

【问题讨论】：

有没有办法让你显示assets/css/icons.css的内容？

不太熟悉，但有几种使用方法。您可以只使用 Google WebFonts 链接，然后在您的标签中使用图标的文本名称？ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <i class="material-icons md-24">person</i>

【参考方案1】：

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